简体中文(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
446

ios如何禁止页面滚动

场景描述:

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

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

有什么好的方法吗？

PHP中文网
PHP中文网

认证高级PHP讲师

全員に返信(1)
PHPzhong
PHPzhong2017-04-10 15:01:17 1棟

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

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

一个比较好多解决方案

いいねを押す +0
返信を追加
人気のトピック
詳細>
人気の記事
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト：福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！