javascript - ios 如何禁止页面滚动

Question

ios如何禁止页面滚动

场景描述:

web页面上有一个浮动在页面上的p，p内的内容允许滚动，但是滚动的时候 有时会带动整个页面的滚动，这是不希望的。有什么办法能禁止页面的滚动吗？

1. 在body上加了overflow:hidden在ios上无效，其他设备是ok的。
2. 阻止页面的touchmove事件，如果在p上触发则不阻止，但是在p中滑动还是会带动页面的滚动。

有什么好的方法吗？

Answer 1

阻止页面的touchmove事件，如果在p上触发则不阻止，但是在p中滑动还是会带动页面的滚动。

之所以还是会触发页面滚动，是因为滚动到最上方／最下方时，touchmove还是在p上，但是p已经滚不动了，所以浏览器就会去触发系统默认事件，导致页面滚动。

一个比较好多解决方案