Question

移动端如何禁止H5页面向上滑动到底部时露出的浏览器黑色背景?

Answer 1

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

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

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

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

嗯，简单粗暴的代码

<script type="text/javascript">
document.querySelector('body').addEventListener('touchstart', function (ev) {
event.preventDefault();
});
</script>