正如其他人已经说过的，使用CSS溢出。

但如果您仍然希望用户能够滚动该内容（滚动条不可见），则必须使用JavaScript。

在这里回答我的问题：隐藏滚动条，同时仍然可以使用鼠标/键盘滚动

隐藏滚动条的跨浏览器方法。

它在Edge、Chrome、Firefox和Safari上进行了测试

隐藏滚动条，同时仍然可以使用鼠标滚轮滚动！

代码笔

/* Make parent invisible */
#parent {
    visibility: hidden;
    overflow: scroll;
}

/* Safari and Chrome specific style. Don't need to make parent invisible, because we can style WebKit scrollbars */
#parent:not(*:root) {
  visibility: visible;
}

/* Make Safari and Chrome scrollbar invisible */
#parent::-webkit-scrollbar {
  visibility: hidden;
}

/* Make the child visible */
#child {
    visibility: visible;
}

设置溢出：隐藏；在body标签上，如下所示：

<style type="text/css">
    body {
        overflow: hidden;
    }
</style>

上面的代码“隐藏”了水平和垂直滚动条。

如果要仅隐藏垂直滚动条，请使用overflow-y：

<style type="text/css">
    body {
        overflow-y: hidden;
    }
</style>

如果您只想隐藏水平滚动条，请使用overflow-x：

<style type="text/css">
    body {
        overflow-x: hidden;
    }
</style>

如果需要，内容将被剪裁以适合填充框。不提供滚动条，也不允许用户滚动（例如通过拖动或使用滚轮）。内容可以通过编程方式滚动（例如，通过设置属性值，如offsetLeft），因此元素仍然是滚动容器。（来源）

除了彼得的回答：

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

这对Internet Explorer 10的作用相同：

 #element {
      -ms-overflow-style: none;
 }

要禁用垂直滚动条，只需添加overflow-y:hidden；。

了解更多信息：溢出。

正如其他人已经说过的，使用CSS溢出。

但如果您仍然希望用户能够滚动该内容（滚动条不可见），则必须使用JavaScript。

在这里回答我的问题：隐藏滚动条，同时仍然可以使用鼠标/键盘滚动