我需要显示自定义滚动条。如果可能的话，我想避免使用 jQuery 插件。那么我可以用 HTML5 和 CSS3 来做这样的事情吗？ ：
.myScrollableBox {
width: 200px;
height: 500px;
/* Display scrollbar if content is bigger than the box */
overflow: auto;
/* This doesn't work, but can I do something similar? */
scrollbar-image: url(/images/myscrollbar.png);
}
如果浏览器确实支持工具栏样式，这实际上是可能的elements（= 基于 WebKit）。虽然很多教程中都没有提到（例如这个辉煌的 http://css-tricks.com/custom-scrollbars-in-webkit/，例如），您可以使用background-url属性使用自定义图像而不是颜色。
例如，在此页面中 http://css-tricks.com/examples/WebKitScrollbars/我已经将（在 Chrome 开发者工具中）样式更改为...
::-webkit-scrollbar-thumb {
-webkit-border-radius: 10px;
border-radius: 10px;
background: url('http://cdn.css-tricks.com/wp-content/themes/CSS-Tricks-10/images/header-demos.jpg');
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
...瞧，我有一些氰化物卷轴。 ）
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
