请问cancelAnimationFrame的使用方法

Question

window.requestAnimFrame = (function(){

    return  window.requestAnimationFrame       ||

        window.webkitRequestAnimationFrame ||

        window.mozRequestAnimationFrame    ||

        window.oRequestAnimationFrame      ||

        window.msRequestAnimationFrame     ||

        function( callback ){

            window.setTimeout(callback, 1000 / 60);

        };

})();

function backTop(){

    var scrollingElement = document.scrollingElement || document.documentElement || document.body;

    scrollingElement.scrollTop = scrollingElement.scrollTop - 10;

    console.log(scrollingElement.scrollTop == 0 )

    if( scrollingElement.scrollTop == 0 ){ cancelAnimationFrame(aaa) }

    requestAnimFrame(backTop)

};

var aaa;

function aa() {

    aaa = requestAnimFrame(backTop)

}

目前开始了不知道是怎么才能停下的。。

Answer 1

Edit:经测试，改成这样就行了。scrollingElement是scrollTop值的副本，直接修改它的值是不会影响scrollTop的。var aaa;function backTop(){    var scrollingElement =  document.documentElement.scrollTop || document.body.scrollTop;        document.body.scrollTop = scrollingElement - 10;        if( scrollingElement === 0 ) {        cancelAnimationFrame(aaa);    } else {        aaa = requestAnimFrame(backTop)    }};