大佬教程收集整理的这篇文章主要介绍了为什么我的jQuery动画在基于webkit的浏览器中不稳定？，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
$('#button').click(
function() {
$('div#gallery').animate({scrollLeft:'+=800px'},1000);
}
);
无论如何,尽管尝试各种各样的宽松参数,即使速度很慢,Chrome和Safari中的动画也非常震撼,但在Internet Explorer和Firefox中始终保持平滑. (大多数在线提出的问题都是关于IE或Firefox正在爆炸！)
我找到原因,对我来说.这是一个非常特殊的情况,可能不适用于大多数,但也许它会帮助某人不管.我会在下面发布我的答案. (网站指南允许这个,我想.)
-webkit-transform：translateZ(0);
对我来说,它有效,但它留下了动画文物.
最终为我解决的是简单地改变一下：
$('#myimage').animate({
height: 0,top: '-=50'
},500,'linear');
为此：
$('#myimage').animate({
height: '-=1'
},1,'linear').animate({
height: 0,'linear');
我刚开始添加一个小的1毫秒的动画.我的想法是,可能“准备”Chrome,使真正的动画出现,它的工作.您可能希望将其更改为20或50毫秒才能安全.
以上是大佬教程为你收集整理的为什么我的jQuery动画在基于webkit的浏览器中不稳定？全部内容，希望文章能够帮你解决为什么我的jQuery动画在基于webkit的浏览器中不稳定？所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。