如何禁用 Electron BrowserWindow 中的水平滚动条？答案

【问题标题】：How do i disable the horizontal scroll bar in Electron BrowserWindow?如何禁用 Electron BrowserWindow 中的水平滚动条？
【发布时间】：2017-07-08 20:34:40
【问题描述】：

如何在 Electron 的固定宽度和高度浏览器窗口中禁用水平滚动条？

谢谢。

【问题讨论】：

标签： javascript node.js electron

【解决方案1】：

尝试将其添加到您的 CSS 中

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

【讨论】：

需要注意的一个旁注（主要针对问题 OP，真的）是 -webkit-scrollbar is non-standard, meaning that it won't work in all web browsers。但这是在 Electron 中推荐的方法。
这会移除滚动条，但不会禁用鼠标滚轮的滚动功能

【解决方案2】：

我认为您只需要在 HTML 文件中禁用水平滚动即可。一种方法是使用 css：

<style>
  body {
    overflow-x: hidden;
  }
</style>

尝试在

中添加这个。

【讨论】：

不错，但它会禁用滚动。有没有办法隐藏栏但保持滚动？
<style> ::-webkit-scrollbar { display: none; } </style> 这适用于垂直滚动，不知道水平滚动（您最终必须按下鼠标 2/滚轮并将其向左/向右拖动）
2018 为我工作！我正在为 macOS 和 Windows 构建一个 Electron v2.0.0 应用程序，现在我正在花时间解决仅存在于 Windows 上的问题，滚动条就是其中之一。