Safari滚动div卡住

我正在做一个网站，必须与所有浏览器一起工作。我已经测试了IE，FF，Opera，Chrome，并且解决了很多与CSS和jQuery兼容性相关的问题......但是最后一件事让我疯狂起来:(Safari滚动div卡住

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滚动卡住的问题吗？非常感谢您的帮助和对我的英语抱歉。

来源

2011-07-13 nabu

问题是我有一个PHP生成的页面，它通过Ajax函数打印在#content div上，好吧，这个页面有一些用于文件上传的iframe标记（唯一的工作技巧是在jQuery/Ajax上下文中上传文件..）这些iframe已经src属性，如果你遇到这样的问题，只记得解决您的iframe src="#"到iframe src="设置为src='#'是什么让Safari浏览器停留在一个简单的div滚动...

左右。

来源

2011-07-14 09:45:05 nabu

只是一个幸运球，不知道这是否会工作：

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

对不起，如果我错了。

来源

2011-07-13 13:54:31 RandomWhiteTrash

不要担心男人:)谢谢你的回应。我试过缩放CSS标签，但它仍然无法正常工作。顺便说一句，我注意到，Chrome也受到影响。似乎所有的webKit浏览器都受到“第一次访问时的div滚动卡住”影响。 – nabu

Safari滚动div卡住

回答

相关问题