体风格Javascript函数似乎很慢

我制作了一个小Javascript函数，可以更改主体的背景颜色。然而，当它运行时，它看起来非常缓慢和锯齿状。有人知道我为什么以及如何改进代码，使其运行更流畅吗

有关工作示例，请参见JSFIDLE：

window.addEventListener（'scroll'，function（）{
var fromTop=window.pageYOffset；
document.body.style.backgroundColor=“rgb（“+fromTop/5+”、“+fromTop/2+”、“+fromTop/3+”）；
});
正文{
保证金：0；
填充：0；
高度：3000px；
背景色：rgb（0,0,0）；
}
p{
颜色：白色
}

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

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

百分比值也可以接受：

如果您想“消除”影响，使用iTunes可能会有所帮助，您需要阅读有关滚动处理程序性能的教程，这是JavaScript中比较棘手的问题之一。只需谷歌一下。