在IE8中強制水平滾動條

我有一個客戶端需要在其內容頂部的滾動條。因此，我製作了一個空白div，將它放在真實內容的頂部，添加了一個滾動條並使用javascript將假div和空白div的滾動綁定在一起。這一切都在每個瀏覽器都很好，除了IE8。無論我嘗試什麼，IE8都不會在我空的div中顯示我的滾動條（技術上它有一個 ）。在IE8中強制水平滾動條

演示：http://jsfiddle.net/cwolves/NShGP/

<div class="mock-scroller"> 
    <div class="mock-content" style="width:2000px;">&nbsp;</div> 
</div> 

.mock-scroller { 
    position : absolute; 
    top  : 0px; 
    left  : 0px; 
    width  : 274px; 
    height  : 20px; 
    overflow-x : auto; 
    overflow-y : hidden; 
}

來源

2011-06-07 Mark Kahn

也許overflow-x : scroll;？

來源

2011-06-07 23:03:32

不幸的是，我只是沒有設置測試IE <9。 – 2011-06-07 23:05:30

...謝謝，但沒有。 IE8特定的問題，無論我對溢出做什麼，滾動條都不會顯示出來。 – 2011-06-07 23:06:26

@Matt Ball - 如果你有IE9你有IE開發工具，可以切換回IE8渲染模式:) – 2011-06-07 23:06:50

在IE8中強制水平滾動條

回答

相關問題