css - 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）

祝你好运

Answer 2

你应该看看这个。在每个浏览器中都很棒。

它非常易于使用并可以通过滚动更改所有可能的样式（颜色、宽度以及您想要的任何内容）。

http://manos.malihu.gr/jquery-custom-content-scroller/

--> 直接链接到演示页面

Answer 3

此链接：http ://www.noupe.com/javascript/30-javascriptajax-techniques-for-sliders-scrollers-and-scrollbars.html

应该让您开始使用 JavaScript/Ajax 滚动条。如果你当然感兴趣。