我有一个带滑块的网站。滑块包含一些图片以及隐藏的视频。当点击某些“保持帧”时，图片被隐藏，然后视频开始播放。
这适用于计算机和所有浏览器。但是当我在iOS上尝试它时，过渡动画变得非常慢，有时根本不会发生。 iPad上经常没有转换。只有一秒钟的黑色空间，然后是新的幻灯片。
我使用JUST滑块在测试服务器上重建了滑块。它与我网站上的完全相同，但它是页面上唯一的内容。当我从iOS查看它时，效果很好！过渡是顺利的，正是我的意图。
因此，这让我相信我的原始网站上可能还有其他东西干扰了转换，但仅限于iOS ...
您可以在此处查看该网站。 http://optidesign.squarespace.com/projects/motorola-sf700.html
如果有人可以继续看看尝试并给我一些见解，那就太棒了。否则，我的想法是在我的测试服务器上慢慢重建站点并检查它在哪里中断。或尝试不同的滑块，但Slidesjs对我来说效果最佳。
由于
编辑：我刚注意到另一个有趣的地方。如果您点击“保持帧”并显示视频，那么从该幻灯片到下一张幻灯片的过渡是顺利的！但回去仍然被打破，其余的幻灯片仍然破碎......编辑：没有人有任何想法可能导致这个？
答案 0 :(得分：0)
我的理解是，DOM中的元素越多，操作DOM的速度越慢，特别是在物理翻译/移动元素时。这可以解释为什么滑块本身运行良好但原位发生故障。
我强烈建议使用CSS过渡来实现所需的效果。查看此工具：http://www.idangero.us/sliders/swiper/
CSS transition与transform3d结合使用，允许元素的“滑动”在iOS上进行硬件加速，非常流畅。