Android上的HTML5 / Javascript-app在滚动时冻结

时间:2014-02-20 22:07:15

标签: javascript android ios eclipse html5

我目前正在通过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>

提前致谢

0 个答案:

没有答案