滚动条所有浏览器中的样式更改？

Question

Web技术中是否有强大的CSS或jQuery可以改变所有浏览器的滚动条样式。我想更改默认的全宽窗口滚动条样式。

Answer 1

这个版本具有高度可配置性且效果很好：http://jscrollpane.kelvinluck.com/

可获得大量示例和文档。

全页滚动演示： http://jscrollpane.kelvinluck.com/fullpage_scroll.html

Answer 2

以下CSS在Internet Explorer，Microsoft Edge或Firefox中不起作用：

/*used to determine the width of scroll bar*/
::-webkit-scrollbar
{width:5px;}

/*where the draggable handle moves*/
::-webkit-scrollbar-track
{background:#212121;}

/*defining the draggable handle*/
::-webkit-scrollable-thumb
{background:#f1f1f1; border-radius:2.5px}

/*hovering over draggable handle*/
::-webkit-scrollbar-thumb:hover
{background:#555;}