更改滚动条

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浏览器这项工作，这是非常容易使用:)享受！