window.scrollTo无法在我的Android Chrome上运行

时间:2013-07-14 17:22:53

标签: android html scrolltop address-bar

我正在尝试创建一个网络应用,我需要隐藏地址栏。 我阅读了很多解决方案,但他们都试图使用“window.scrollTo”。

然而,window.scrollTo只是在我的机器人中使用chorme时没有工作。

这是用户代理:

Mozilla / 5.0(Linux; Android 4.1.1; MI 2 Build / JRO03L)AppleWebKit / 537.36(KHTML,与Gecko一样)Chrome / 28.0.1500.64 Mobile Safari / 537.36

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta name="viewport" content="width = 1024, user-scalable=0"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

<script>
$(document).ready(function() {
    makeContent();
    hideAddressBar();
});

$(window).scroll(function(){
   checkScroll()
   setTimeout( function(){ checkScroll() }, 20 );
})

function makeContent(){
  $('body').append("<ul>");
  for (i=1; i<=100 ;i++){
      newHTML = "<li>row"+i+"</li>";
      $('body').append(newHTML);
    }
  $('body').append("</ul>");    
}

function checkScroll(){
    if ($(window).scrollTop() <= 1)window.scrollTo(0,2);
}

function hideAddressBar(){
  if(!window.location.hash){
      if(document.height < window.outerHeight){
          document.body.style.height = (window.outerHeight + 50) + 'px';
      }
      setTimeout( function(){ window.scrollTo(0, 1); }, 50 );
  }
}

</script>

</head>
<body>
</body>

</html>

0 个答案:

没有答案