当在移动屏幕上滚动时，mobi站点动画停止

Question

我正在尝试用javascript为移动网站做一个简单的视差效果。

当我从我的桌面浏览器查看时，它工作得很好。当我在移动设备上查看它并使用触摸滚动时，动画就冻结了。松开触摸屏后再次显示。

有没有办法在我使用触摸屏滚动时保持动画效果？

嗯，当你在触摸屏移动设备上滚动时，任何类型的JS动画都会冻结。

lft = 0;
setInterval(function(){  
  lft++;
  $('#my-div').css('margin-left',lft+'px');     
},100);

如果有人想在live中看到这个问题，可以在这里查看

http://johnpolacek.github.com/scrollorama/

它在桌面浏览器中表现出色，但在触摸和滚动时会冻结移动浏览器中的动画。

谢谢

Answer 1

不幸的是，您无法控制移动浏览器选择如何呈现内容。就像在IE6中，当动画gif文件在滚动过程中停止动画时，我认为移动浏览器被设计为在滚动过程中停止动画。

也就是说，我尝试过Safari的一些特定效果，并在iPhone上做了一些令人印象深刻的事情，取得了一定的成功。也有像"PhoneGap“这样的库，允许你为手机编写原生的"web应用程序”。

除了以移动性能为明确目的从头开始创建整个动画之外，我看不到一种简单地让脚本工作的方法。