jQuery でページ スクロールを効率的に無効化し、再度有効化するにはどうすればよいですか?

jQuery を使用したページ スクロールの無効化: 強化されたソリューション

jQuery を使用して Web ページのスクロール機能を無効にする必要がありますか?包括的なソリューションを提供する改訂されたアプローチは次のとおりです:

複数のイベント ハンドラーに依存する代わりに、より効率的な方法は、CSS スタイルを直接適用してスクロールを無効にすることです。次のコードはこれを実現します。

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

オーバーフローを非表示に設定し、高さを 100% に設定すると、ページがビューポート内に収まり、スクロールやスクロールによるコンテンツの移動が防止されます。

スクロール機能を復元するには、単にスタイルを逆にします:

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

この改訂されたアプローチにより、複雑なイベント処理を必要とせずにスクロールが効果的に無効になります。または以前にキャプチャされたスクロール位置。テスト済みで、Firefox と Chrome の両方のブラウザで期待どおりに動作します。

以上がjQuery でページ スクロールを効率的に無効化し、再度有効化するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。