简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
javascript - ios 如何禁止页面滚动
PHP中文网
PHP中文网 2017-04-10 14:59:17
0
1
443

ios如何禁止页面滚动

场景描述:

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

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

有什么好的方法吗？

PHP中文网
PHP中文网

认证高级PHP讲师

répondre à tous(1)
PHPzhong
PHPzhong2017-04-10 15:01:17 1 plancher

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

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

一个比较好多解决方案

Comme +0
Ajouter une réponse
Sujets populaires
Plus>
Articles populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！