有另外一个关于这个的线程,但它没有得到解决,可能是因为我的问题不是很清楚.
只是想再试一次,希望我能够解决这个问题:
我最近的任务是创建一个单页网站,模仿基本的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上运行良好.
我有一种直觉,认为我正在编写太多关于文档准备的动画,这导致了缓慢 – 任何人都可以确认这是否是主要原因,如果还有其他方法我可以解决这个问题?
非常感谢你的帮助.非常感谢=)