jQuery を使用してプログラムでページ スクロールを無効または有効にする方法

jQuery を使用してプログラムでページのスクロールを無効にする

jQuery を使用して本文のスクロールを無効にするには、次のソリューションを利用できます。

$('html, body').css({
    overflow: 'hidden',
});

これにより、HTML 要素と body 要素の overflow プロパティが次のように設定されます。 「非表示」にして、ページのスクロールを効果的に防ぎます。

スクロールを復元するには、オーバーフロー プロパティを「自動」に戻すことができます。

$('html, body').css({
    overflow: 'auto',
});

このアプローチはテストされ、動作することが確認されています。 Firefox と Chrome の両方で。これは、プログラムでページのスクロールを無効にする簡単かつ効果的な方法を提供します。

以上がjQuery を使用してプログラムでページ スクロールを無効または有効にする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。