Css 带溢出的不同滚动速度：滚动

我将页面分为不可滚动的标题和可滚动的内容。两者都放置为“位置：固定”，内容使用“溢出：滚动”。这非常有效，但我注意到Firefox中的滚动速度发生了变化，现在鼠标滚轮的滚动速度要慢得多。如何解决此问题？

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

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

我假设您担心滚动没有您希望的那么平滑。你在这里做不了什么。“overflow:scroll”的性能在不同的浏览器中会有所不同，我敢肯定，如果你在移动浏览器中查看你的应用程序，你会发现滚动速度和平滑度会有很大的变化

你能做的最好的黑客是为浏览器启用硬件加速，在浏览器中你会遇到以下css的问题

-webkit-transform: translateZ(0px);

您应该将此属性放在溢出：滚动设置的元素上。

---

但这种特性有其副作用。它倾向于使用更多的内存，并可能导致崩溃。

我假设您担心滚动不会像您希望的那样平滑。你在这里做不了什么。“overflow:scroll”的性能在不同的浏览器中会有所不同，我敢肯定，如果你在移动浏览器中查看你的应用程序，你会发现滚动速度和平滑度会有很大的变化

你能做的最好的黑客是为浏览器启用硬件加速，在浏览器中你会遇到以下css的问题

-webkit-transform: translateZ(0px);

您应该将此属性放在溢出：滚动设置的元素上。 但这种特性有其副作用。它往往会占用更多内存，并可能导致崩溃。

有时“溢出：滚动”比浏览器内置的非样式滚动条慢5倍或10倍。“溢出：滚动”有时比浏览器内置的非样式滚动条慢5倍或10倍。