首頁 > web前端 > css教學 > 如何使用 jQuery 停用和重新啟用頁面滾動?

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

Mary-Kate Olsen
發布: 2024-12-24 14:10:14
原創
781 人瀏覽過

How Can I Disable and Re-enable Page Scrolling with jQuery?

如何使用 jQuery 停用頁面滾動

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

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

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

$('html, body').css({
    overflow: 'hidden',
    height: '100%'
});
登入後複製

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

要恢復滾動,只需反轉更改:

$('html, body').css({
    overflow: 'auto',
    height: 'auto'
});
登入後複製

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

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

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板