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

如何使用 jQuery 停用頁面滾動

停用頁面滾動可以透過多種方法實現，包括在身體元素。然而，使用 jQuery 有更有效和更精確的方法。

其中一種方法涉及綁定到主體的滾動事件並將scrollTop/scrollLeft 重設為捕獲的值。雖然此技術適用於大多數場景，但它可能無法處理頁面內容大於視窗的邊緣情況。

要獲得更強大的解決方案，請考慮使用以下jQuery 程式碼：

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

此程式碼透過設定溢位：隱藏並確保全高頁面來完全停用HTML 和body 元素上的滾動。

要恢復滾動，只需反轉更改：

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

這種方法在瀏覽器中更加可靠和一致，確保即使內容大於視口，頁面也保持不可滾動。

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