如何使用 jQuery 以程式設計方式更有效地停用頁面滾動？

使用jQuery 以程式方式停用頁面捲動：另一種方法

要停用頁面正文的捲動，您最初建議設定溢位：隱藏主體，捕獲當前滾動位置，然後在滾動事件時重置它。雖然您的想法可行，但它不是最有效或無縫的方法。

更好的方法是對 html 和 body 元素使用 overflow 屬性，確保整個頁面被停用。以下是修改後的 jQuery 程式碼：

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

此程式碼將溢位屬性設為隱藏，防止頁面向任何方向捲動。它還將高度設定為 100%，以避免任何潛在的垂直間隙。

要恢復滾動，只需恢復這些值：

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

此方法已經過測試並確認在以下環境中有效工作Firefox 和 Chrome 瀏覽器。雖然位置：固定方法有其自身的優點，但它可能不適合您的特定用例。因此，這個替代解決方案提供了一種使用 jQuery 以程式設計方式停用頁面滾動的綜合方法。

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