jquery - 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;