3

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

但是，window.scrollTo 在我使用 chorme 的 android 中根本不起作用。

这是用户代理：

Mozilla/5.0 (Linux; Android 4.1.1; MI 2 Build/JRO03L) AppleWebKit/537.36 (KHTML, like 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>
4

0 回答 0