我目前正在通过HTML5学习多平台网络应用开发 并从Android(Eclipse kepler 1)开始,使用webviews。到目前为止,这很简单,我正在尝试 获得" myimage1"元素使用setInterval()逐渐移动到其原始位置500 px以下。
在PC浏览器上一切正常,但在.apk上,当我在屏幕上滚动时," myimage1" -element将无法直观移动 - 它会冻结。 该应用程序不会暂停,但操作不可见,所以当我放手时," myimage1"从当时应该的地方继续。
我的问题不在于它本身的setInterval()方法:在Android中滚动期间导致web-app冻结的力量是什么,可以在不使用原生android代码的情况下修复它吗? (我已经在iOS上看到这种情况,因此欢迎关于iOS的其他建议),
js代码:
<script>
var Tick=setInterval(function(){onTick()},20);
var dist=0;
function onTick()
{
dist+=1;
document.getElementById("myimage1").style.position="fixed";
document.getElementById("myimage1").style.top=dist + "px";
if (dist>500) stopTick();
}
function stopTick()
{
window.clearInterval(Tick)
}
</script>
提前致谢