IE10滾動條問題

Question

我在div上使用滾動條，它似乎在IE10中出現渲染問題。

當您將div一直滾動到底部，然後返回頂部時，頂部內容丟失。

您是否知道IE10是否有解決方案？

鏈接： http://landpros.com/propsearch.php

這裏是關於DIV的CSS：

.prop-search-content-wrapper{ 
    margin: 0 0 30px 0; 
    padding: 0; 
    height: 980px; 
    overflow-x:hidden; 
    overflow:scroll; 
} 

謝謝！

Answer 1

我還是設法重現此 - 看到這個問題（我認爲）關閉overflow-x: hidden指令的原因。如果內容丟失，它會回來，你會得到一個垂直滾動條。有些事情正在導致IE10認爲它需要隱藏整個頂行。

修復應該是重新調整您的包含div的類別的所有內容的寬度與類content-wrapper以匹配父，從來不需要overflow-x: hidden;擺在首位。

*注意：我努力不懈地重現。

Answer 2

我無法重現與我的IE 11模擬IE 10與開發人員工具的問題。但我同意馬修的觀點，這很可能是由overflow-x: hidden設置造成的。

你可以輕鬆避免它！

看一看你foundation.css文件（在行233和235）：

.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -10px; } 

除此之外，該規則存在兩次，你的「麻煩」從負左，右頁邊距發生的事實。你不需要它們，所以把它們刪除吧！

通過這樣做，不再需要overflow-x: hidden設置。
BTW：如果您不希望某個元素水平溢出其父項，爲什麼要將max-width設置爲none而不是100%？

所以請嘗試它，讓我們知道，如果這修復（避免）你的問題 - 謝謝！

Answer 3

你嘗試使用-ms-overflow-style屬性嗎？

-ms-overflow-style：auto | none |滾動條| -MS-自動隱藏，滾動條

https://msdn.microsoft.com/en-us/library/hh771902(v=vs.85).aspx