javascript - 主体样式 Javascript 功能似乎很慢

Question

我做了一个小的 Javascript 函数来改变正文的背景颜色。但是，它运行时似乎非常缓慢且参差不齐。有谁知道为什么以及如何改进代码以使其运行更流畅？

请参阅 JSfiddle 的工作示例:https://jsfiddle.net/2s2e737w/

 	window.addEventListener('scroll', function() {

var fromTop = window.pageYOffset;
document.body.style.backgroundColor = "rgb("+fromTop/5 + ','+fromTop/2 +','+fromTop/3+")";
   });

body{
	margin:0 ;
	padding: 0;
	height: 3000px;
    background-color:rgb(0,0,0);
}
p{
    color:white
}

<p>
Scroll
</p>

Answer 1

仅使用整数 RGB 值，因为浏览器会忽略十进制值，这会导致感知延迟:

document.body.style.backgroundColor = "rgb(" +
    parseInt(fromTop/5, 10) + ',' +
    parseInt(fromTop/2, 10) + ',' +
    parseInt(fromTop/3, 10) + ")";

百分比值也是可以接受的:

https://developer.mozilla.org/en-US/docs/Web/CSS/color_value#rgb