html - Chrome : Scrollbar is showing on Windows but NOT Mac

Question

我有一个带有overflowX的div:

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

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



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


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

在 Mac 上，滚动仅在有内容可滚动时出现，而丑陋的箭头不显示。

我怎样才能在 Windows 上实现滚动效果，就像在 Mac 上使用 Chrome 一样？

Answer 1

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