在iOS环境下，H5页面存在双击屏幕导致滚动条上移以及拖拽到底部仍能继续拖动的问题。本文提供解决方案，通过JS判断系统并处理，阻止双击上滑及底部过度拖拽，同时注意区分安卓系统，避免影响原生滚动行为。
在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;
}
最低0.47元/天 解锁文章
扫一扫
6054
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
