图片无缝滚动效果,在chrome下切换标签有时会停止不动,其他浏览器都正常显示,js代码如下

//滚动开始
var moveId=setInterval(scrollFunc, opts.scrollDelay);

//鼠标划过停止滚动
$marquee.hover(function(){
clearInterval(moveId);
},function(){
clearInterval(moveId);
moveId=setInterval(scrollFunc, opts.scrollDelay);
});
});
};
$.fn.kxbdMarquee.defaults={
isEqual:true, //所有滚动的元素长宽是否相等,true,false
loop: 0, //循环滚动次数,0时无限
direction: "left", //滚动方向,"left","right","up","down"
scrollAmount:1, //步长
scrollDelay:30 //时长
};
scrollFunc 是一个function

这是chrome浏览器的机制,为的是节省系统资源。对于js和flash资源,浏览器会降低每秒的执行次数或者干脆不运行。追问

这个有解决方法吗

追答

这个是浏览器默认设置的,改不了。当动画所在页面不可见时,chrome就停止运行这部分了,把系统资源用来处理当前激活的标签页。建议使用setTimeout来替换setInterval,这样动画会比较可控。

温馨提示:答案为网友推荐,仅供参考
相似回答