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代码中看到该框从窗口顶部开始（顶部：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-overflow-scrolling：touch;