如何在 html/css/js 中禁用页面滚动？

Question

我正在使用 html/css/js 制作一个网站，但是 正在滚动 因为一些effects 我加了。但我不希望用户看到 滚动条 或什至使用 鼠标中键 滚动。我该怎么做才能解决这个问题？

Answer 1

您可以在 CSS

中使用

overflow:hidden

https://developer.mozilla.org/de/docs/Web/CSS/overflow

或者如果您想要滚动但可以隐藏它

/* Hide scrollbar for Chrome, Safari and Opera */
.example::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.example {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_hide_scrollbar_keep_func

Answer 2

如果不想出现滚动条，可以使用css解决这个问题

overflow: hidden;

更多可以参考这个 overflow

Answer 3

猜解:

body {   overflow: hidden;  }

https://developer.mozilla.org/de/docs/Web/CSS/overflow

如何在 html/css/js 中禁用页面滚动？

How to disable page scroll in html/css/js?

html

javascript

css

scrollbar