我有一个带滑块的网站。滑块包含一些图片以及隐藏的视频。当点击某些"保持框"时，图片将被隐藏，然后视频开始播放。
这在计算机上和所有浏览器中都能很好地工作。但我一在iOS上尝试，过渡动画就会变得非常慢，有时根本不会发生。通常情况下，在iPad上根本没有转换。只有一秒钟的空白，然后是新幻灯片。
我在测试服务器上用JUST重新构建了滑块。它和我网站上的完全一样，但它是页面上唯一的东西。当我在iOS上查看时，它工作得很好！过渡很顺利，正是我想要的。
因此，这让我相信，在我最初的网站上可能有其他东西干扰了转换，但只在iOS上。。。
你可以在这里查看网站。http://optidesign.squarespace.com/projects/motorola-sf700.html
如果有人能继续看一看，试着给我一些见解，那就太好了。否则，我的想法是在我的测试服务器上慢慢重建网站，并检查它在哪里坏了。或者尝试不同的滑块，但Slidejs对我来说效果最好。
感谢
编辑：我刚刚注意到另一个有趣的地方。如果你点击"holdframe"并显示视频，那么从那张幻灯片到下一张幻灯片的过渡是平滑的！但回去仍然是破碎的，其余的幻灯片仍然破碎。。。
编辑：没有人知道是什么原因造成的？
我的理解是，DOM中的元素越多，javascript操作DOM的速度就越慢，尤其是在物理转换/移动元素时。这就解释了为什么滑块本身工作得很好，但却在原地跌跌撞撞。
我强烈建议使用CSS转换来实现所需的效果。查看此工具：http://www.idangero.us/sliders/swiper/
CSS transition与transform3d相结合，可以在iOS上加速元素的"滑动"，并且非常流畅。