如何使用 jQuery 禁用和重新启用页面滚动？

如何使用 jQuery 禁用页面滚动

禁用页面滚动可以通过多种方法实现，包括在身体元素。然而，使用 jQuery 有更有效和更精确的方法。

其中一种方法涉及绑定到主体的滚动事件并将scrollTop/scrollLeft 重置为捕获的值。虽然此技术适用于大多数场景，但它可能无法处理页面内容大于视口的边缘情况。

要获得更强大的解决方案，请考虑使用以下 jQuery 代码：

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

此代码通过设置溢出：隐藏并确保全高页面来完全禁用 HTML 和 body 元素上的滚动。

要恢复滚动，只需反转更改：

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

这种方法在浏览器中更加可靠和一致，确保即使内容大于视口，页面也保持不可滚动。

以上是如何使用 jQuery 禁用和重新启用页面滚动？的详细内容。更多信息请关注PHP中文网其他相关文章！