html - Safari 滚动 div 卡住了

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 页面(只是感兴趣的 block ):

<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 block 中使用zoom:1;。虽然它不是一个广泛“支持”的标签，但我记得它为 IE 中的某些 css 创造了奇迹，也许它也适用于 Safari。

对不起，如果我错了。