更改Internet中的滚动条

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); 
}

如上文所示，这些更改当然不适用于Internet，在这里，我只需做以下几点：

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

我想知道是否有可能在IE浏览器上重新创建相同的设计。下面是带有滚动条的打印屏幕，第一个来自Chrome，第二个来自Internet。

​

​

Answer 1

不幸的是，没有跨浏览器的方式来使用CSS样式滚动条。但是您可以尝试下一个JavaScript自定义滚动条插件(主要是jQuery)：jQuery滚动条、jScrollPane、mCustomScrollbar、完美滚动条、slimScroll、男爵或NiceScroll。有更多的自定义滚动条可用，但它们的功能/知名度较低.

Answer 2

我用过这个：http://jscrollpane.kelvinluck.com/这个工作在IE上，它很容易使用:)享受！