Css 滚动条覆盖在Mac电脑上，但与Windows上的内容内联

我有一个垂直的滚动条，它被设置为自动，只在内容滚动时显示。我的代码在Chrome上运行。默认情况下，Chrome会将滚动条覆盖在内容的顶部，当它检测不到鼠标移动时，会使滚动条消失。但这似乎只适用于Mac电脑。但当我在Windows上运行相同的应用程序时，滚动条会显示出来，但会将内容向左推，推的量等于滚动条的宽度。这是一种不好的行为，因为它会使内容闪烁。有没有一种方法可以让滚动条像在Mac上一样覆盖在内容的顶部

---

如果你正在运行Mac电脑，只需将Stackoverflow post向上或向下滚动到顶部，就可以看到这种效果。您会注意到滚动条被覆盖。

是的，但您必须“创建自己的滚动条”

检查这篇文章

但是，从文章中可以看出：

Firefox或IE/Edge不支持自定义滚动条

---

除非你真的必须让它看起来像是在OS X上，否则我建议你要学会适应这些差异。

实际上，让它看起来像Mac，让它看起来更一致，而不管应用程序运行在什么平台上。该应用程序实际上是一个电子应用程序，所以我想有一些一致性。如果您查看Slack，它在两个平台上使用相同的滚动条。虽然我已经知道了如何创建自定义滚动条，但让它覆盖内容并没有成功。再说一次，他们的也一样。看看这个库，也许它能帮你节省时间：太棒了。我在Windows上试用过，它的性能和Mac上的一样。万分感谢！实际上，在下载和测试之后，需要修改布局才能工作。这是有问题的。这里有一个jQuery插件，它不需要对html进行任何修改，但会给出相同的结果：谢谢分享！