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-overflow-scrolling: touch;