首页 > 其他 > 详细

requestAnimationFrame

时间:2017-05-08 21:30:23      阅读:247      评论:0      收藏:0      [点我收藏+]
var id = 0
function sc(time){

    if(document.body.scrollTop > $(‘#xx‘).offsetTop) 
    {
        requestAnimationFrame(sc)
        document.body.scrollTop -= 8
    }    
    else 
        cancelAnimationFrame(id)
}


var $ = function(selecor){
    return document.querySelector(selecor)
}

function start(){
    id = requestAnimationFrame(sc)
}

start()

浏览器会基于当前页面是否可见、CPU的负荷情况等来自行决定最佳的帧速率,从而更合理地使用CPU.

效果就是动画更平滑,而不是很突然.

默认只调用一次,如果要连续的动画,要用递归的方式.

requestAnimationFrame

原文:http://www.cnblogs.com/xuezizhenchengxuyuan/p/6827780.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!