使用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中文網其他相關文章!