码迷,mamicode.com
首页 > 其他好文 > 详细

requestAnimationFrame

时间:2017-05-08 22:04:07      阅读:240      评论:0      收藏:0      [点我收藏+]

标签:页面   递归   浏览器   tar   lan   offset   调用   start   使用   

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

标签:页面   递归   浏览器   tar   lan   offset   调用   start   使用   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!