css滚动条宽度和圆形效果

Question

有没有办法在潜水中设置滚动条默认宽度的宽度？我有一个自动滚动条div.我想要将滚动条的宽度设置为细线并隐藏它的顶部和底部箭头标记.

Answer 1

您可以使用CSS的WebKit功能:

你可以在这里阅读它.

例如:

::-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)

祝好运