时间戳

首页 > 解决方案 > 如何用 JS 改变滚动条的形状

javascript - 如何用 JS 改变滚动条的形状

问题描述

我很困惑其他前端开发人员如何更改网页的滚动条形状以使其看起来更好我如何使用 JS 来实现这一点？

标签： javascriptjqueryhtmlcss

解决方案

W3学校

从他们的例子：

<style>
/* width */
::-webkit-scrollbar {
    width: 20px;
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey; 
    border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: red; 
    border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #b30000; 
}
</style>

推荐阅读