0

我在 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 动画可能对我有用?还是有另一种解决方案?

4

1 回答 1

0

阅读这篇文章,你就会上路:http ://coding.smashingmagazine.com/2013/01/15/off-canvas-navigation-for-responsive-website/

于 2013-02-20T09:52:38.360 回答