更改滾動條

Question

我一直在使用實現了滾動條所需的設計如下：

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

::-webkit-scrollbar-track { 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 8px; 
    background-color: #999; 
} 

::-webkit-scrollbar-thumb { 
    border-radius: 8px; 
    background-color: #666; 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
} 

正如可以在以上變化可以看出當然不是IE瀏覽器，在那裏我可以只是做目前以下內容：

body { 
    -ms-scrollbar-base-color: #999; 
    -ms-scrollbar-track-color: #999; 
    -ms-scrollbar-face-color: #666; 
    -ms-scrollbar-arrow-color: #999; 
} 

我想知道是否有可能在IE瀏覽器中重新創建相同的設計。下面是滾動條的打印屏幕，首先來自Chrome，其次來自Internet Explorer。

Answer 1

不幸的是，沒有跨瀏覽器的方式來使用CSS樣式滾動條。但你可以嘗試下一個JavaScript自定義滾動條插件（主要是jQuery）：jQuery Scrollbar,jScrollPane,mCustomScrollbar,perfect-scrollbar,slimScroll, baron或NiceScroll。有更多的自定義滾動條可用，但它們的功能較少/衆所周知。

Answer 2

我用這個：http://jscrollpane.kelvinluck.com/在IE瀏覽器這項工作，這是非常容易使用:)享受！