0

我正在尝试在这里实现像“左推菜单”这样的菜单:

http://tympanus.net/Blueprints/SlidePushMenus/

但是,这里的动画并不流畅,不是在 iPod 上,也不是在最近的 iPad 上。我想知道是否有错误实现,或者是否必须使用 javascript 来创建流畅的动画。

例如,运行顺利的是:

https://medium.com/

不同之处在于第一个链接移动了整个文档内容,第二个链接只是移动了右侧部分,覆盖了左侧(但我怀疑它会在动画速度上产生这样的差异)。我检查了源代码,但无法确定它是由 CSS 还是 javascript 完成的。

使动画流畅的关键是什么?

4

2 回答 2

0

根据我的经验,iPad/iPod 在动画/补间方面似乎并不友好。

我在手机上查看了您的网站,它似乎运行良好(它是一个 android)。就个人而言,我不会担心它,我认为这没什么大不了的。但如果它真的困扰你..

我猜你现在正在使用 css3 过渡?你可以试试javascript,这里有一个很棒的教程: http: //www.learningjquery.com/2009/02/slide-elements-in-different-directions

于 2013-10-17T20:34:05.200 回答
0

我找到了一个适用于所有平台的解决方案:

     -webkit-transform: translate3d(0,0,0);

使用 translate3d 移动既流畅又快速。

于 2013-11-01T06:47:46.630 回答