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的跨瀏覽器滾動條

回答

相關問題