更新时间:2022-12-11 18:48:45
如果您不想使用jQuery,您可以随时尝试CSS(仅适用于WebKit)。
If you don't want to use jQuery you could always attempt CSS (only works in WebKit).
示例CSS:
::-webkit-scrollbar {
width: 15px;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #000000;
}
::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
background-color: #555555;
}
::-webkit-scrollbar-button {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
background-color: #000000;
background-image: url(dark/light-blue/images/ui-icons_0990fb_256x240.png);
}
::-webkit-scrollbar-button:vertical:increment {
background-position: -64px -16px;
}
::-webkit-scrollbar-button:vertical:decrement {
background-position: 0 -16px;
}
::-webkit-scrollbar-button:horizontal:increment {
background-position: -32px -16px;
}
::-webkit-scrollbar-button:horizontal:decrement {
background-position: -96px -16px;
}
::-webkit-scrollbar-corner {
background-color: #000000;
}
如果您想要多个浏览器支持,您将需要使用jQuery或编写自己的自定义javascript代码,为滚动条附加div并添加事件处理程序以了解滚动时间。
If you want multiple browser support you'll want to use jQuery or write your own custom javascript code with appending a div for the scrollbar and adding Event Handlers to know when you scroll.