使用requestAnimation Frame更改滚动事件的css

Question

我想更改视口内元素的背景颜色(使用overflow: scroll)

所以这是我的第一次尝试:http: //jsfiddle.net/2YeZG/

如您所见,在绘制新颜色之前,前一种颜色会短暂闪烁.其他人也有类似的问题.

按照HTML5摇滚说明,我试着介绍requestAnimationFrame解决这个问题无济于事:

http://jsfiddle.net/RETbF/

我在这做错了什么？

---

这是一个更简单的例子,显示了同样的问题:http://jsfiddle.net/HJ9ng/

---

这里提交的Chromium错误:http://code.google.com/p/chromium/issues/detail？id = 151880

Answer 1

如果它只是背景颜色，那么为什么不将父背景颜色更改为红色，然后滚动后将其更改为粉红色呢？

\n\n

我把你的CSS改成那个

\n\n

#dad\n{\n    overflow-y: scroll;\n    overflow-x: hidden;\n    width: 100px;\n    height: 600px;\n    background-color:red;\n}\xe2\x80\x8b\n

\n\n

我把你们的一些Jquery去掉，改成这样

\n\n

dad.bind(\'scroll\', function() {\n    dad.css(\'background-color\', \'pink\');\n});\n

\n\n

我删除了这一行

\n\n

iChild.css(\'backgroundColor\', \'red\');\n

\n\n

但红色是重要的，它肯定不会工作 http://jsfiddle.net/2YeZG/5/

\n