我在 iPad 上获得流畅的 jQuery.animate({left:$VariablePixels}) 动画时遇到了一些麻烦。实际上,它根本不是动画:它只是跳到动画的终点。
情况是这样的:图形中有一个指针,它会自动沿着图形移动。根据指针指向的“框架/图形部分”,显示附加信息。问题是这些图有很多,而且帧数不同。少则二十,多则五千。它在我的电脑上完美运行。Firefox、chrome、safari、IE7 及更高版本,一切都很好。但不是在 iPad 上。
我试过使用 jquery.mobile 库。没有不同。我试过使用 CSS transform:translate() 和它的对应物。没用。
.css({'transform':'translate(' + Loc_New + 'px,0px)',
'transition': 'all ' + Speed + 's ease-in-out'});
指针确实移动了,但过了一会儿它开始来回移动,没有去任何地方,更不用说朝着正确的方向了。起初我认为这是因为动画花费的时间比“帧”花费的时间长,但即使将速度减半也无法解决问题。
我尝试使用指针元素的“宽度”而不是“左侧位置”,效果更好,因为它不会像大黄蜂那样来回移动,但动画远非流畅,而且出现了一些问题。
问题:如何让指针在 iPad 上顺畅移动?除了包含它之外,我是否必须对 jquery.mobile 做一些特定的事情?是否有另一种类型的 css 动画可能对我有用?还是有另一种解决方案?