html - Chrome：滚动条显示在 Windows 但不是 Mac

我有这个带有overflowX的div：

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

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

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

尽管它是最新版本的 Chrome，但在 Windows 上，即使没有可滚动的内容，滚动条也会出现箭头。

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

我怎样才能在 Windows 上像在带有 Chrome 的 Mac 上那样滚动外观？

标签： htmlcssgoogle-chromeoverflow

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

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

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