javascript - 为什么JQuery动画(幻灯片)在ipad上不流畅

Question

我正在为 iPad 制作幻灯片演示。我的代码在所有浏览器 chrome、safari、Mozilla 等中运行良好，但在 ipad 上有点不稳定。

这是jquery代码

   $("#sarah01_1").delay(1000).show('slide', {direction: 'right'}, 1000);

这是CSS代码

   #sarah01_1{ position:absolute;
               left:20px; 
               top:115px;
               width:270;
               height:333px;
               display:none;
           }

Answer 1

我将幻灯片、遮蔽和其他一些典型的动画更改为 fadeIn 、动画等，现在看起来好多了。看起来 iPad 设备的捕捉尺寸非常小，因此繁重的动画无法正常运行。是的，CSS 过渡对于良好的性能来说是更好的主意，我将在未来的项目中使用它。