2012-02-28 40 views
6

正如標題所說,我正在開發一個基於Web的移動應用程序(rss閱讀器)。它有一個垂直滾動的jquery移動列表視圖。頁眉和頁腳已修復。如何隱藏瀏覽器地址欄,當頁面高度固定,並具有內部jQuery的滾動

在我的應用程序中,我使用html webs stroge瀏覽器。這就是爲什麼,我沒有爲此目的使用網絡視圖。我想讓我的應用程序看起來很原生,因爲我需要隱藏瀏覽器的地址欄。

我試過windows.scroll(0,1)但這不適用於我,因爲我說瀏覽器我的頁面沒有滾動。

謝謝

回答

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); 
    } 
}); 
+0

你能解釋一下怎麼樣?我認爲phonegap使用webview ..可能是我錯了,但請解釋。我想在瀏覽器中打開我的應用程序 – 2012-03-22 17:35:45

+0

嘗試編輯部分中的功能 – dali 2012-03-22 19:08:51

0

烏爾身體的高度需要比在像素手機高度。 因此,如果你的分辨率是400x800,身體標籤的高度需要比800更大,比如800,如850左右。

在烏拉圭回合的document.ready ..放:

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

這不適用於Android版的Firefox手機 – Michael 2013-04-24 04:13:15

相關問題