滾動條定製效果在IE和Firefox

不存在我的項目需要我申請這對我的CSS滾動條定製效果在IE和Firefox

::-webkit-scrollbar { 
     width: 8px; 
} 

::-webkit-scrollbar-track { 
     background-color: #FFFFFF; 
} /* the new scrollbar will have a flat appearance with the set background color */ 

::-webkit-scrollbar-thumb { 
     background-color: rgba(242,91,32,0.9); 
} /* this will style the thumb, ignoring the track */ 

::-webkit-scrollbar-corner { 
     background-color: #FFFFFF; 
}

滾動條（圖像給出），

enter image description here 但是當我打開網頁只鉻是顯示效果Firefox（27.0.1）和Internet Explorer（10for）沒有響應這些變化。我必須添加什麼才能使它們變得統一？

來源

2014-03-12 N.Nihar

firefox不是一個webkit瀏覽器，你可能想使用jQuery/JavaSceript填充 –

是「polyfill」我需要使用的東西？ –

http://stackoverflow.com/questions/9945547/how-to-create-a-custom-scrollbar-on-a-div –

正如在評論中提到由N.Nihar，Firefox和Internet Explorer在當前版本不支持滾動條定製。

如果您需要滾動條樣式，您可能需要使用自定義的Javscript或者更好的基於jQuery的滾動條元素。第一個顯示在谷歌搜索是Stack Overflow answer，或者你可以去Tiny scrollbar，或從this list。有很多Javascript和基於jQuery的滾動條可用。

但是，如果您確實使用其中之一，請務必徹底測試您的解決方案，因爲'原生'滾動條的行爲不太容易模仿。

來源

2014-03-12 11:51:34 Pavel

Firefox和IE沒有的功能自定義滾動條

來源

2014-03-12 11:24:32 Sergey92zp

我應該怎麼做才能在所有3中獲得該效果 –

滾動條定製效果在IE和Firefox

回答

相關問題