javascript - ios 如何禁止页面滚动
PHP中文网
PHP中文网 2017-04-10 14:59:17
0
1
447

ios如何禁止页面滚动

场景描述:

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

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

有什么好的方法吗?

PHP中文网
PHP中文网

认证高级PHP讲师

모든 응답(1)
PHPzhong

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

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

一个比较好多解决方案

최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!