不知道你们都是怎么解决h5下拉时,固定元素会随之下移,顶部出现“此网页是有XXX提供”
下面是我的解决方案,希望能够对有需要的你有帮助:
我的布局使用的是position,头部、尾部使用的是position:fixed,内容区使用的是position:absulote并且可以滚动,下拉页面时,在ios中头部、尾部都是固定的,内容区滑动也OK的;但是在安卓手机上,下拉页面的时候,头部和尾部都会随之下拉(fixed失效)搞了好久,试了好多种方法,比如,取消body的touchmove默认事件啊等等,都无法控制
$('body').on('touchmove',function(e){
e.preventDefault();
})
后来在body上加了一段代码,就禁用掉了(这是我在安卓手机上时出现的问题)
body{
height:100%;
width:100%;
/*top:0;
left:0;*/
overflow:hidden;
-webkit-overflow-scrolling: touch;
}
注:这是我第一次接手前端项目,很多东西还都不熟,只能各种查找文档,资料,版本兼容性问题目前对我来说还是很棘手的事情,希望多多积累经验,有经验的朋友,可以给我留言发些各种解决方法,在此先谢谢了