css 滚动条宽度和圆形效果

Question

有没有办法可以设置滚动条默认宽度的宽度？我拥有的是一个带有自动滚动条的 div。我想将滚动条的宽度设置为一条细线，并隐藏它的顶部和底部箭头标记。

Answer 1

您可以使用 CSS 的 WebKit 功能:

你可以阅读它here .

例如:

::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px     rgba(0,0,0,0.3); 
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px     rgba(0,0,0,0.5); 
}

将创建一个类似 iOS 的滚动条 ( DEMO )

祝你好运