当页面高度固定并具有内部jquery滚动时,如何隐藏浏览器地址栏

时间:2012-02-28 08:25:51

标签: android browser jquery-mobile

正如标题所说,我正在开发一个基于网络的移动应用程序(rss阅读器)。它有一个jquery移动列表视图,可以垂直滚动。页眉和页脚是固定的。

在我的应用程序中,我正在使用html web stroge浏览器。这就是为什么,我没有为此目的使用Web视图。我希望我的应用程序看起来是原生的,我需要隐藏浏览器的地址栏。

我已经尝试了windows.scroll(0,1)但这对我不起作用,因为我说浏览器我的页面没有滚动。

由于

2 个答案:

答案 0 :(得分:0)

看看phonegap可能符合您的需求。 http://phonegap.com/ 它包装你的网站,使它看起来像一个原生应用程序,它没有显示地址栏。

编辑:

试试这个

$(document).ready(function() {

  if (navigator.userAgent.match(/Android/i)) {
   window.scrollTo(0,0); // reset in case prev not scrolled  
   var nPageH = $(document).height();
   var nViewH = window.outerHeight;
   if (nViewH > nPageH) {
     nViewH -= 250;
     $('BODY').css('height',nViewH + 'px');
   }
  window.scrollTo(0,1);
  }
});

答案 1 :(得分:0)

身体的高度需要大于px中的手机高度。 因此,如果您的分辨率为400x800,则身体标签的高度需要更高 超过800,就像850左右。

在你的文件.ready .. put:

window.addEventListener("load", function () {
    // Set a timeout...
    setTimeout(function () {
        // Hide the address bar!
        window.scrollTo(0, 1);
    }, 0);
});