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

Question

我有一个带有overflowX的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。