不同的滾動速度與溢出：滾動

Question

我把頁面分成不可滾動的標題和可滾動的內容。兩者都被放置爲「position：fixed」，內容使用「overflow：scroll」。這很好，但我注意到Firefox的滾動速度發生了變化，現在鼠標滾輪的滾動速度變慢了。我怎樣才能解決這個問題？

Answer 1

滾動速度由瀏覽器決定。 CSS和Javascript沒有任何方式影響系統設置。

Answer 2

Iam假設您擔心滾動不如您希望的那樣流暢。這裏沒有太多的事情可以做。不同瀏覽器和Iam的「溢出：滾動」性能會有所不同，Iam很確定，如果您在移動瀏覽器中檢查您的應用程序，您會發現滾動速度和平滑度有很多變化。

您可以做的最好的破解是爲瀏覽器啓用硬件加速，您可以在下面的CSS中遇到此問題。

-webkit-transform: translateZ(0px); 

你應該把它溢出元素的屬性：滾動設置。 但是這個屬性有其副作用。它傾向於使用更多的內存並可能導致崩潰。