有另外一个关于这个的线程,但它没有得到解决,可能是因为我的问题不是很清楚.
只是想再试一次,希望我能够解决这个问题：
我最近的任务是创建一个单页网站,模仿基本的Flash动画,即滑入和淡入元素.
当我进行交互式模拟时,我遇到了一个很大的问题 – 不稳定的动画.这个问题出现在屏幕大于18英寸的Mac上,无论浏览器和低于18的Mac都只针对FF版本3及以下版本.在PC上,动画几乎完美无瑕.
这是我的jquery代码,受影响的元素用ids#md1,#md2和#md3标记：
$(document).ready(function () {
$('#md1').animate({ top: "-60px" },500);
$('#md2').animate({ top: "60px" },800);
$('#md3').animate({ left: "60px" },1000);
$('.home').fadeTo(3000,0.8);
$('#bg-img-4').fadeTo(1200,1);
$('#menu').fadeTo(4000,1);
$('#copyright').fadeTo(4000,1);
});
我采用了各种优化方法,包括在索引页面上缓存受影响的div中存在的图像,然后将用户重定向到实际页面并排队动画,但没有任何效果.
这真的非常令人沮丧,因为我似乎已经用尽了我所知道的所有可用方法,而且我似乎无法让它在Mac上运行良好.
我有一种直觉,认为我正在编写太多关于文档准备的动画,这导致了缓慢 – 任何人都可以确认这是否是主要原因,如果还有其他方法我可以解决这个问题？
非常感谢你的帮助.非常感谢=)
