通常,在滚动条中,垂直滚动条的两端将有向上和向下箭头。
无论如何,都可以将其删除,以便仅显示滚动条,而不显示两端的箭头。以下是我的CSS:
.scrollbar-vertical
{
top: 0;
right: 0;
width: 17px;
height: 100%;
overflow-x: hidden;
scrollbar-3dlight-color:#999;
scrollbar-arrow-color:white;
scrollbar-base-color:white;
scrollbar-face-color:#999;
border-radius:5px 5px;
}
最佳答案
假设您要自定义浏览器滚动条,
您可以使用一些不错的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>