如何让scrollbar在各个浏览器都一样？在firefox上完美，我想让其他webkit浏览器也像firefox那样。

Question

在firefox上只需要3句就完成，还自带放大动画，出现时是覆盖背景。
然而chrome却是挤压，还没有动画尺寸也不知道写死8px，如何像firefox那样“auto”。
问题有2个，挤压问题，动画和外观不一致。
这是我现在的代码：

overflow-y: auto;
scrollbar-color: #05dee4 black;
scrollbar-width: auto;

Answer 1

让所有浏览器支持相同的滚动条外观是很困难的。因为不同的浏览器对于CSS滚动条属性的支持有很大的差异。

有几种方法可以统一外观，但都有一定的限制：

使用JavaScript插件：使用JavaScript插件（例如perfect-scrollbar）可以轻松实现所有浏览器的相同外观。但是它们可能会影响性能。

自定义滚动条：通过使用CSS和JavaScript编写自定义滚动条，也可以统一外观。但是需要花费很多时间实现，而且需要为不同的浏览器编写不同的代码。

建议使用JavaScript插件来统一滚动条外观，这是最简单，最快速的方法。