检查requestAnimationFrame是否正常工作

时间:2016-11-18 21:55:51

标签: javascript requestanimationframe

如何检查requestAnimationFrame是否正常工作?我不确定我是否正确使用它。我已经读过如果正确使用requestAnimationFrame,当用户看不到窗口时动画应该停止。但即使网站不可见,我的动画也能正常工作我非常确定我没有正确使用它。这就是我使用的代码。

var SIV=v.leavingSection ;
var requestAnimationFrame= window.requestAnimationFrame ||
                           window.mozRequestAnimationFrame ||
                           window.webkitRequestAnimationFrame ||
                           window.msRequestAnimationFrame ;

function sectionMovement(delay,section) { 
 setTimeout(function sectionMovementTimeout() {
 var val=((v.sectionIndex + 1) > v.leavingSection) ? val = 100 : val = 0 ;
document.getElementById("sec_"+section+"").style.transform="translate3d(0,-"+val+"%,0)";
requestAnimationFrame(sectionMovementTimeout)}
,delay)};
for (var i = 0; i < v.absDistance ; i++) {
sectionMovement(i*750,((v.sectionIndex + 1) > v.leavingSection) ? (SIV + 1) : SIV );
((v.sectionIndex + 1) > v.leavingSection) ? SIV++ : SIV-- };

我真的很感激任何建议

0 个答案:

没有答案