如何使用 jQuery 以程式設計方式停用和重新啟用頁面捲動？

使用 jQuery 以程式方式停用頁面捲動

在 JavaScript 中，停用頁面捲動是一項常見任務。一種方法涉及利用 jQuery 的 CSS 操作功能。此方法需要三個步驟：

1. 透過設定body{overflow:hidden;來停用頁面滾動；在CSS中。
2. 使用scrollTop()和scrollLeft()捕捉目前滾動位置。
3. 將捲動事件處理程序綁定到主體並將捲動位置重設為捕獲的值。

替代方法

所提供的方法有效防止頁面滾動。不過，有一個更簡單、更全面的解決方案：

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

這段程式碼透過將 html 和 body 標籤設定為隱藏溢位和固定高度 100% 來完全停用頁面捲動。要恢復滾動，只需將 CSS 屬性重設為其原始值即可。

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

此解決方案已測試並確認在 Firefox 和 Chrome 瀏覽器中均有效。

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