我正在尝试创建一个网络应用,我需要隐藏地址栏。 我阅读了很多解决方案,但他们都试图使用“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>