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卡住

回答

相關問題