javascript - 使用/requestAnimationFrame 在滚动事件上更改 css

Question

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

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

如您所见，在绘制新颜色之前，之前的颜色会短暂闪烁。别人有had类似problems .

在 HTML5 rocks instructions 之后，我尝试引入requestAnimationFrame来解决这个问题，但无济于事:

http://jsfiddle.net/RETbF/

我在这里做错了什么？

---

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

---

在此处提交 Chromium 错误:http://code.google.com/p/chromium/issues/detail?id=151880

Answer 1

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

我把你的 CSS 改成了那样

#dad
{
    overflow-y: scroll;
    overflow-x: hidden;
    width: 100px;
    height: 600px;
    background-color:red;
}​

我删除了你们中的一些 Jquery 并将其更改为这个

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

然后我删除了这一行

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

但是重要的是红色肯定不行http://jsfiddle.net/2YeZG/5/