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-溢出滚动：触摸;