gpt4 book ai didi

html - Safari 滚动 div 卡住了

转载 作者:太空宇宙 更新时间:2023-11-04 13:26:06 30 4
gpt4 key购买 nike

我正在制作一个必须适用于所有浏览器的网站。我测试了 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滚动卡死的问题吗?非常感谢您的帮助,对不起我的英语。

最佳答案

只是一个幸运的机会,不确定它是否有效:

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

对不起,如果我错了。

关于html - Safari 滚动 div 卡住了,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6679783/

30 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com