Question

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

从桌面浏览器检查时，它工作正常。当我从移动设备检查它并在那个时候使用触摸滚动动画冻结。它在释放触摸屏后再次显示。

使用触摸屏滚动时，有什么方法可以保持动画效果吗？

嗯，当您滚动触摸屏移动时，任何类型的JS动画都会冻结。

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

如果有人想在现场看到问题，请看这里

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

由于

Answer 1

很遗憾，您无法控制移动浏览器选择呈现内容的方式。就像在IE6中动画gif文件在滚动期间停止动画一样，我认为移动浏览器旨在停止滚动期间的动画。

话虽这么说，我已经玩了一些Safari特效，并在iPhone上做了一些令人印象深刻的成功。还有像“PhoneGap”那样的库，允许你为手机编写原生的“web应用程序”。

除了从头开始创建整个动画以及移动性能的明确目的之外，我没有看到简单地使该脚本工作的方法。