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

Question

我正在使用html/css/js制作网站，但由于我添加了一些效果，出现了滚动。 但我不希望用户看到滚动条，甚至用鼠标中键滚动。 我能做些什么来解决这个问题？

Answer 1

猜测解决方案：

body {   overflow: hidden;  }

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

Answer 2

您可以在 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 3

如果您不希望滚动出现，您可以使用 css 来解决此问题

overflow: hidden; 

有关更多信息，您可以参考此溢出