Question

我正在制作一个必须与所有浏览器配合使用的网站。我测试了IE，FF，Opera，Chrome并解决了很多与CSS和jQuery兼容性相关的问题......但最后一件事让我发疯:(

Safari在垂直div滚动条上不起作用。它在第一次访问时被阻塞在div的底部。放大/缩小页面是解锁它的唯一方法......然后它可以工作......

我有这个CSS（只是其中的一部分）：

html, body {
margin: 0px 0px 0px 0px; 
font-family: "Trebuchet MS", sans-serif;
background-color:#FFF2E6;
height:100%;
overflow:hidden;
}

#content {
margin-top:5px;
margin-left:170px;
position:fixed;
float:right;
width:88%; 
height: 85%; 
display:inline;
overflow:auto;
background-color:#E5E5E5;
}

#main_content {
position:static;
width:99.8%; 
height: 85%; 
}

HTML页面（只是感兴趣的块）：

<div id="main_content">
  <div id="menu">
      <p>Menu</p>
      ... menu block ...
  </div>
  <div id="content"><p>Content</p></div>
</div>

有没有办法解决Safari div滚动卡住的问题？非常感谢你的帮助，对不起我的英语。

Answer 1

只是一个幸运的镜头，不确定它是否会起作用：

尝试在#content css块中使用zoom:1;。虽然它不是一个广泛的“支持”标签，但我记得它为IE中的一些css创造了奇迹，也许它也适用于Safari。

抱歉，如果我错了。

Answer 2

问题是我有一个PHP生成的页面，通过Ajax函数打印在#content div中，这个页面有一些用于上传文件的iframe标签（在jQuery中上传文件的唯一工作技巧） / Ajax context ..）这些iframe的src属性设置为src='#'是什么让Safari卡在一个简单的div滚动上...

因此，如果您遇到类似问题，请记得将iframe src="#"修复为iframe src="。

Safari滚动div卡住了

2 个答案: