在许多浏览器上(我在MacOS和Linux上的最新版本的Chrome和Firefox上测试过这一点),似乎浏览器确保在滚动重绘触发之前调用绑定到onscroll的代码.

换句话说,滚动http://jsfiddle.net/m2E65/1/时,以下小提琴不闪烁也不闪烁：

var onscroll = function() {
    var y = $("#container").scrollTop() + 30;
    var z = 0
    for (var c=0; c<y*10000; c++) {
        z+=c;
    }
    $("#label").text("bocal : "+z);
    $("#label").css("top",y);
};
$('#container').scroll(onscroll);

但是在Ubuntu上的Linux Chromium v​​28上,它确实闪烁.几乎和我们使用setTimeout(http://jsfiddle.net/m2E65/2/)延迟onscroll一样糟糕：

$('#container').scroll(function() {
    window.setTimeout(onscroll,0);
});

在这个相同的浏览器上,即使使用http://jsfiddle.net/m2E65/4/中的requestAnimationFrame也一样闪烁(见下文)

var onscroll = function() {
    var y = $("#container").scrollTop() + 30;
    var z = 0
    for (var c=0; c<y*10000; c++) {
        z+=c;
    }
    $("#label").text("bocal : "+z);
    $("#label").css("top",y);
    window.requestAnimationFrame(onscroll);
};
window.requestAnimationFrame(onscroll);

我的问题是：

>这有规格吗？
>有没有办法确保在所有浏览器上,代码将在重绘之前运行？
>奖励点：这种行为有多罕见？