touchdevices（ipad，iphone）和CSS頂層100％的寬度和高度？

Question

嗨， 我有，當我滾動至底部，並點擊一個按鈕這個div被出示一張div.mapFullscreenContainer

#mapFullscreenContainer { 
    position:fixed; 
    top:0; 
    left:0; 
    width:100%; 
    height:100%; 
} 

。在正常的瀏覽器中，這工作得很好。覆蓋層寬100％，高100％，位於頁面頂部。

但是，在觸控設備上存在的問題是疊加層始終在視口外。想象一下讓覆蓋層可見的按鈕位於相當長的網頁的頁腳中。疊加層始終位於頁面的起始處，因此用戶不能立即看到疊加層。用戶必須回滾到頂部才能看到疊加層。

任何想法我可以解決這個問題，所以它的行爲就像一個普通的瀏覽器。 bottom:0;而不是top:0沒有什麼區別。

Answer 1

你可以用JS來計算並應用頁面的總高度，這個div

http://jsfiddle.net/seler/FjeyK/