2

我有一个隐藏的 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 不是从顶部打开的,而是从顶部提供一些空间。请看附图。但是当我再次单击页面上的某个位置时,它会移动到顶部并显示在顶部。知道为什么它表现得如此奇怪。提前致谢。在此处输入图像描述

4

1 回答 1

0

试试这个:

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

于 2013-07-10T02:52:44.233 回答