h5页面ios,双击向上滑动,拖拽到底部还能继续拖拽

在iOS环境下,H5页面存在双击屏幕导致滚动条上移以及拖拽到底部仍能继续拖动的问题。本文提供解决方案,通过JS判断系统并处理,阻止双击上滑及底部过度拖拽,同时注意区分安卓系统,避免影响原生滚动行为。
摘要由CSDN通过智能技术生成

在ios下,双击屏幕某些地方,滚动条会自动向上走一段。

当用微信看h5的时候,拖拽到底部,会漏出来,微信自带下面的灰黑色皮肤。

用js解决一下吧,这俩问题很类似,总结到一起了。

----------特别注意,安卓没有发生过这些情况,因为解决办法是给最外层的wrapper,overflow-y:auto;也就是放弃了原生的滚动条,所以解决的时候要判断一下系统,安卓就不用处理了。

html部分:----------------------------

<body>

<div class="wrapper">

     <section>内容部分aaaa111</section>

     <section>内容部分aaaa222</section>

     <section>内容部分aaaa333</section>

</div>

</body>

css部分:--------------------------

.wrapper2{
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  overflow-y:auto;
  -webkit-overflow-scrolling : touch;
}

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值