不同的滚动速度与溢出：滚动

Question

我将页面分成不可滚动的标题和可滚动的内容。两者都被置于“position：fixed”，内容使用“overflow：scroll”。这很好用，但我注意到Firefox中的滚动速度发生了变化，现在鼠标滚轮的滚动速度要慢得多。我该如何解决这个问题？

Answer 1

滚动速度由浏览器决定。 CSS和Javascript无法影响系统设置。

Answer 2

我认为你担心滚动不像你想要的那样平滑。你在这里做的并不多。 “溢出：滚动”性能会因浏览器而异，我非常确定如果您在移动浏览器中查看应用程序，您会发现滚动速度和平滑度有很多变化。

您可以做的最好的黑客是为使用以下css遇到此问题的浏览器启用硬件加速。

-webkit-transform: translateZ(0px);

你应该把这个属性放在溢出的元素：scroll set。 但这个属性有其副作用。它往往会占用更多内存，并可能导致崩溃。