div的跨浏览器滚动条

我正在试图找到一种方法来将跨浏览器兼容的滚动条添加到div。div的跨浏览器滚动条

我不得不求助于使用两种以上的混合物方法 - 请参见下面的CSS：

.div{ 
    /*-Only works for IE*/ 
    overflow-y:scroll; 
    overflow-x:hidden; 

    /*Works for all browsers except IE*/ 
    overflow: -moz-scrollbars-vertical; 
}

我已经用这种方法发现的唯一的问题是，非IE滚动条移动的内容div容纳和IE只滚动条不适用。

有没有更好的方法有人知道？

来源

2011-02-26 Urbycoz

'溢出-X：隐藏; overflow-y：scroll;'为我创建一个垂直滚动条（FF）。应该支持哪些浏览器？顺便说一句，'<！ - '和' - >'不是CSS注释，CSS使用'/ *'和'* /'。 – Lekensteyn 2011-02-26 14:20:48

您是否发现滚动条将div内容推送到FF，但不是用于IE？ – Urbycoz 2011-02-26 14:30:57

我支持IE，FF，Chrome，Safari和Opera。 – Urbycoz 2011-02-26 14:32:50

我不知道这是否会帮助..但是

div { 
width: 200px; /* as example*/ 
height: 300px; 
overflow: auto; /* this will add scrollbars automatically if your div is larger than the specified dimensions */ 
}

欢呼

来源

2011-02-26 14:37:07 Yan

对于我来说，这种方法似乎仍然具有相同的效果，其中div内容的大小调整为适合FF但不适用于IE。 – Urbycoz 2011-02-26 14:55:57

确保没有任何css规则覆盖div的风格..通过我在FF 3.6上测试它的方式，它按预期工作.. – Yan 2011-02-26 18:21:14

我看不到一个。它在IE中的行为与FF相同吗？ – Urbycoz 2011-02-26 20:39:49

div的跨浏览器滚动条

回答

相关问题