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

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