mobi网站动画在手机屏幕上滚动时停止

我想为使用javascript的移动网站制作简单的视差效果。mobi网站动画在手机屏幕上滚动时停止

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

当我使用触摸屏进行滚动时，有任何方法可以保持动画效果吗？

好吧，任何一种JS动画都会在你通过触摸屏移动时滚动。

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

如果有人想看到活的问题，这里有

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

它显示在桌面浏览器不错，但同时触摸，滚动从手机浏览器冻结动画看看。

感谢

来源

2012-02-03 Hasanavi

你应该附加一些代码，以便人们可以看到你所想要的。 – easwee 2012-02-03 13:39:49

当你在触摸屏上滚动时，任何类型的动画都会冻结。我已经添加了一个示例。 – Hasanavi 2012-02-03 14:03:26

不幸的是你无法控制的浏览器如何移动选择呈现内容。就像在IE6中，动画gif文件在滚动期间停止动画时，我认为手机浏览器旨在在滚动期间停止动画。这就是说，我玩过一些Safari的特效，并在iPhone上做了令人印象深刻的东西，取得了中等的成功。还有像“PhoneGap”这样的库，它允许你为手机编写原生的“网络应用程序”。

除了从头开始创建整个动画以表达移动性能的目的外，我没有看到简单地制作该脚本的方法。

来源

2012-02-03 20:55:35 farina

是的，我想是的。但是我已经发现了iPhone/Android的几个例子，而它在刷卡时就是动画。例如，如果你从你的手机到这里。 http://dev.sencha.com/deploy/touch/examples/kitchensink/然后用户界面 - > Carousel。您将同时看到滑动和动画。我想知道它背后的诀窍。有任何想法吗？ – Hasanavi 2012-02-03 22:45:59

因此，您可能需要深入研究他们正在使用的Sencha Touch脚本[http://www.sencha.com/products/touch/]。如果您可以找到非缩小版本，请查找“传送带”方法。这很可能会导致你完全如何实现这种平稳过渡。 – farina 2012-02-06 18:09:06

mobi网站动画在手机屏幕上滚动时停止

回答

相关问题