移动端解决input影响定位问题

一、

通过监听 focus 设置定位元素 static,blur设置定位元素恢复正常

function onFocus(){
	定位元素.style.position = 'static'
}
function onBlur(){
	定位元素.style.position = 'fixed'
}

二、

通过监听resize变化,对定位元素进行相应显示和隐藏

const height = document.documentElement.clientHeight
window.onresize = function(){
	if(document.documentElement.clientHeight < h){
		定位元素.style.display = 'none'
	}else{
		定位元素.style.display = 'block'
	}
}

版权声明:本文为weixin_46990158原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。