通过假设您要自定义浏览器滚动条,
您可以使用一些不错的 Jquery 插件轻松做到这一点,或者您可以使用 css 来实现这一点。但它目前仅适用于 webkit 浏览器,这里是如何
::-webkit-scrollbar {
width: 12px;
}
/* Track */
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
-webkit-border-radius: 10px;
border-radius: 10px;
}
/* Handle */
::-webkit-scrollbar-thumb {
-webkit-border-radius: 10px;
border-radius: 10px;
background: rgba(255,0,0,0.8);
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
来源:http ://css-tricks.com/custom-scrollbars-in-webkit/
否则,您可以使用插件。(推荐的)
正如在早期评论中一样,我建议您使用 niceScroller 插件。这很好也很容易。
资料来源:http ://areaaperta.com/nicescroll/
简单的实现
<script>
$(document).ready(
function() {
$("html").niceScroll();
}
);
</script>