H5微信中禁止网页下拉出现"网页由XXX提供"

不知道你们都是怎么解决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;
}

注:这是我第一次接手前端项目,很多东西还都不熟,只能各种查找文档,资料,版本兼容性问题目前对我来说还是很棘手的事情,希望多多积累经验,有经验的朋友,可以给我留言发些各种解决方法,在此先谢谢了

  • 3
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值