ios移动端浏览器 滚动时停止js运行,以及css3动画

目前有一个全屏的移动端游戏,动画效果使用css3实现的,安卓下测试没有问题。

现在问题是:
ios下当手指滑动页面时,没有动画效果,查阅资料才了解到原来ios8以下的,在页面滚动时,会停止js代码的运行,以及css3的动画。没找到合适的办法解决。

另外,页面是全屏,根本就不需要滚动,我的想法是给body一个touchstart与touchmove一个事件,并却阻止默认事件。不知可不可以解决,手头上暂没有ios设备。

谁有过此经验可以谈谈问题的解决之法,或者有ios设备在手的有兴趣的可以帮忙测验下。

测验方法示例:
给body一个touchstart与touchmove一个事件,并却阻止默认事件.并设置一个计时器定时输出1,
手指滑动屏幕,观察是否时间变慢原因是手指滑动屏幕,阻止了js的运行,放开手指又继续运行。

webview 是继承自 scrollview 的, 试试吧 scrollenabled 属性设置成 false

发表评论

电子邮件地址不会被公开。 必填项已用*标注