Ipad應用程序在我包裝的HTML上行爲奇怪

Question

我有一個隱藏的div，通過使用jquery從右到左獲得幻燈片效果。在CSS中我使用了這個代碼。 '#sitemap'是隱藏div的ID。它在所有瀏覽器中運行良好。

#siteMap { 
    width:80%; 
    position:fixed; 
    right:-80%; 
    top:0px; 
    display:block; 
    color:#FFF; 
    z-index:2; 
    background:#fff; 
    overflow:scroll; 
    overflow-x:hidden; 
    height:100%; 

} 

您可以在css代碼中看到該框從窗口頂部開始（top：0px）。它在瀏覽器中的作用是一樣的，但是當我試圖將它封裝在IOS中並在Ipad上播放時，div並不是從頂部打開，而是從頂部給出一些空間。請參閱附件圖片。但是當我再次點擊頁面上的某個地方時，它會移動到頂部並顯示在頂部。任何想法爲什麼它表現如此奇怪。提前致謝。

Answer 1

嘗試這樣的：

#siteMap { 
    width:80%; 
    position:fixed; 
    right:-80%; 
    top:0px !important; // CHANGE THIS 
    display:block; 
    color:#FFF; 
    z-index:2; 
    background:#fff; 
    overflow:scroll; 
    overflow-x:hidden; 
    height:100%; 

} 

哦，並且爲iOS瀏覽器，溢出是-webkit-溢出滾動：觸摸;