ios如何禁止页面滚动
场景描述:
web页面上有一个浮动在页面上的div,div内的内容允许滚动,但是滚动的时候 有时会带动整个页面的滚动,这是不希望的。有什么办法能禁止页面的滚动吗?
- 在body上加了
overflow:hidden
在ios上无效,其他设备是ok的。 - 阻止页面的
touchmove
事件,如果在div上触发则不阻止,但是在div中滑动还是会带动页面的滚动。
场景描述:
web页面上有一个浮动在页面上的div,div内的内容允许滚动,但是滚动的时候 有时会带动整个页面的滚动,这是不希望的。有什么办法能禁止页面的滚动吗?
overflow:hidden
在ios上无效,其他设备是ok的。touchmove
事件,如果在div上触发则不阻止,但是在div中滑动还是会带动页面的滚动。10 回答11.1k 阅读
6 回答3k 阅读
5 回答4.8k 阅读✓ 已解决
4 回答3.1k 阅读✓ 已解决
2 回答2.6k 阅读✓ 已解决
3 回答5.1k 阅读✓ 已解决
5 回答1.9k 阅读
之所以还是会触发页面滚动,是因为滚动到最上方/最下方时,
touchmove
还是在div
上,但是div
已经滚不动了,所以浏览器就会去触发系统默认事件,导致页面滚动。一个比较好多解决方案