Chrome：滚动条显示在Windows上但不显示Mac

Question

我有一个溢出的div：

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

在Chrome（Windows）上看起来像这样：

但在Chrome（Mac）上它看起来像这样：

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

在Mac上，仅当有滚动的内容时才会显示滚动，并且不显示丑陋的箭头。

如何在Windows上滚动外观，就像在Mac上使用Chrome一样？

Answer 1

你尝试过<div style="overflow-x: scroll;">吗？看起来好像你正在使用OverflowX ，它可以在其他环境中使用，例如Javascript。

Answer 2

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

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

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