JavaScript - 取消滚动事件

Question

我想在我的某个页面中禁用滚动。我不想写

scroll(0,0)或scrollTo(0,0)

滚动事件中的

会产生“跳跃”的性质。我不能拥有像

这样的东西

event.preventDefault()

取消活动？

Answer 1

document.body.style.overflow = 'hidden';

Answer 2

阻止滚动的唯一可接受方法是使内容适合窗口内部。还有别的，而且你在惹恼用户。

您也可以使用position: fixed CSS - 但是，如果它比窗口大，则其余部分无法使用，因此您不妨遵循建议＃1。

Answer 3

我想知道overflow: hidden;是否可以将它放在CSS中的html, body选择器上？

Answer 4

创建一个填充整个区域的div并将其设置为overflow: hidden。这样，您将永远不会获得滚动条，也不会创建滚动事件。