Chrome：滚动条显示在 Windows 但不是 Mac答案

【问题标题】：Chrome: Scrollbar is showing on Windows but NOT MacChrome：滚动条显示在 Windows 但不是 Mac
【发布时间】：2022-02-21 18:32:01
【问题描述】：

我有这个带有 overflowX 的 div：

<div style={{ overflowX: 'scroll' }}>
   Some Content
</div>

在 Chrome (Windows) 上看起来像这样：

但在 Chrome (Mac) 上，它看起来像这样：

即使它是最新版本的 Chrome，但在 Windows 上，即使没有可滚动的内容，滚动条也会显示为带有箭头。

在 Mac 上，只有当有东西可以滚动时才会出现滚动，并且不显示丑陋的箭头。

我怎样才能让 Windows 上的滚动外观与 Mac 上的 Chrome 一样？

【问题讨论】：

【解决方案1】：

可能对您不再有用，但如果有人需要，您应该使用 overflowX: auto

overflow: scroll 强制滚动条出现，即使它们不需要。请注意，如果您使用的是 Mac，这并不完全正确，根据您计算机的设置，浏览器可能会尝试让它们仅在滚动时显示。

overflow: auto 使滚动条仅在需要时出现。

【讨论】：

【解决方案2】：

你试过<div style="overflow-x: scroll;">吗？似乎您正在使用OverflowX ，它可以在其他上下文中使用，例如 Javascript。

【讨论】：

除非我不明白你在做什么，双括号不是 XML 样式标记的标准，包括 HTML。我可能是错的，但似乎你很困惑。这适用于 Chrome 吗？它似乎在 Firefox 和 Chrome 上都适用于我。 jsfiddle.net/ep615kzq/3
这只是 JSX
啊，我明白了。您是否尝试过overflow-x: auto; 而不是滚动。对你起作用吗？另外，检查stackoverflow.com/questions/20482557/…
我有 - 没有区别

【解决方案3】：

您可以通过将 mac 中的系统首选项更改为此

【讨论】：