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