2011-06-07 116 views
0

我有一个客户端需要在其内容顶部的滚动条。因此,我制作了一个空白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; 
} 

回答

1

也许overflow-x : scroll;

works on my machine

+0

不幸的是,我只是没有设置测试IE <9。 – 2011-06-07 23:05:30

+0

...谢谢,但没有。 IE8特定的问题,无论我对溢出做什么,滚动条都不会显示出来。 – 2011-06-07 23:06:26

+0

@Matt Ball - 如果你有IE9你有IE开发工具,可以切换回IE8渲染模式:) – 2011-06-07 23:06:50