如何使滚动条不可见[重复]

Question

我正在制作一个网站，我认为导航栏会导致较小的设备太大。我发现了如何使它可滚动，但我不喜欢它旁边显示一个新的滚动条。我怎样才能让它隐形？

Answer 1

将此添加到您的CSS中

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

.classname{
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

Answer 2

你可以使用这个：

::-webkit-scrollbar {
    display: none;
}

但它不支持在Firefox和IE/Edge.：）

Answer 3

添加溢出：隐藏；添加到css标记以隐藏水平和垂直滚动条。

实例

body {
overflow: hidden; /* Hide scrollbars */
}

若要仅隐藏垂直滚动条，或仅隐藏水平滚动条，请使用overflow-y或overflow-x：

实例

body {
overflow-y: hidden; /* Hide vertical scrollbar /
overflow-x: hidden; / Hide horizontal scrollbar */
}