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>

Answer 2

把页面背景色设为一样的黑色（估计应该不是纯黑）即可。

追问

我去这也不是解决问题的方法啊

Answer 3

你说的这种情况都是浏览器本身造成的吧？
目前我就看到微信是存在这个现象的，但这个是微信他们自己浏览器带的功能，并没对外放出可以屏蔽的功能代码