ホームページ > ウェブフロントエンド > jsチュートリアル > ページのスクロールを無効にする

ページのスクロールを無効にする

韦小宝
リリース: 2018-03-14 17:38:56
オリジナル
5451 人が閲覧しました

この記事では、ページのスクロールを無効にする方法について説明します。ページのスクロールの無効化について知らない場合、またはページのスクロールの無効化に興味がある場合は、この記事を見てみましょう。

手順:

1. ここでは、実際のニーズに応じて js で動的に制御できるページのスクロールを無効にする方法のみをまとめます。 2. モバイル端末を禁止できれば、当然PCも禁止できますが、PCが禁止できてもモバイル端末は禁止できない可能性があるので、モバイル端末に焦点を当てます
3. コードは私が使用する zepto を示しています (使用できないかもしれませんが、必ず理解できます)

序文:

誰もがモバイル開発を行う場合、それは避けられませんそのページのスクロールは禁止されます。今日は、モバイル端末でページのスクロールを無効にする方法をまとめます。あなたのニーズを満たすことができるシナリオがあることを願っています。

1

救世主メソッド、関連する開発経験がある場合は、前のメソッドがモバイル端末で魔法のように失敗することがわかりますが、このメソッドは間違いなく役に立ちます

 $(document).on('touchmove', function(e){
   e.preventDefault();
 })
ログイン後にコピー

結論:

以上ですこの記事では 内容がよくわからなくても、両面を理解すれば一人で簡単にマスターできます!

関連する推奨事項:

WeChatブラウザでプルダウンリバウンド効果を無効にするJavaScript

ページキャッシュを無効にする方法は何ですか?

H5を使用して無効化を追加する方法ズーム機能



jQueryモニター 手入力を禁止するコードスキャンガンの実装方法

以上がページのスクロールを無効にするの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート