如何使用 jQuery 有效地停用和重新啟用頁面滾動？

使用 jQuery 停用頁面捲動：增強的解決方案

需要使用 jQuery 停用網頁的捲動功能？這是一種經過修改的方法，提供了全面的解決方案：

不依賴多個事件處理程序，更有效的方法是直接應用 CSS 樣式來停用滾動。以下程式碼實現了此目的：

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

透過將溢出設定為隱藏並將高度設定為 100%，頁面將包含在視窗內，防止任何滾動或滾動引起的內容移動。

要恢復滾動功能，只需反轉樣式：

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

這種修改後的方法可以有效地禁用滾動，而不需要任何復雜的事件處理或先前捕獲的滾動位置。它已經過測試，在 Firefox 和 Chrome 瀏覽器上都能按預期工作。

以上是如何使用 jQuery 有效地停用和重新啟用頁面滾動？的詳細內容。更多資訊請關注PHP中文網其他相關文章！