如何在 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; 

有關更多信息，您可以參考此溢出