废话不多说了，直接给大家贴代码了。具体代码如下所示：
1.p 自动滚动
<script type="text/javascript"> function startmarquee(lh, speed, delay) { var t; var oheight = 300; /** p的高度 **/ var p = false; var o = document.getelementbyid(show); var pretop = 0; o.scrolltop = 0; function start() { t = setinterval(scrolling, speed); o.scrolltop += 1; } function scrolling() { if (o.scrolltop % lh != 0 && o.scrolltop % (o.scrollheight - oheight - 1) != 0) { pretop = o.scrolltop; o.scrolltop += 1; if (pretop >= o.scrollheight || pretop == o.scrolltop) { o.scrolltop = 0; } } else { clearinterval(t); settimeout(start, delay); } } settimeout(start, delay); } window.onload = function () { /**startmarquee(一次滚动高度,速度,停留时间);**/ startmarquee(20, 40, 50); } </script> <p id="show" style="height: 600px; width: 100%; overflow-y: scroll;scrollbar-base-color:#ffffff;scrollbar-highlight-color:#ffffff;scrollbar-arrow-color:#ffffff; overflow-x: none;"></p>
2.滚动条颜色
scrollbar-3d-light-color 设置或检索滚动条亮边框颜色 crollbar-highlight-color 设置或检索滚动条3d界面的亮边（threedhighlight）颜色 scrollbar-face-color 设置或检索滚动条3d表面（threedface）的颜色 scrollbar-arrow-color 设置或检索滚动条方向箭头的颜色 scrollbar-shadow-color 设置或检索滚动条3d界面的暗边（threedshadow）颜色 scrollbar-dark-shadow-color 设置或检索滚动条暗边框（threeddarkshadow）颜色 scrollbar-base-color 设置或检索滚动条基准颜色。
相信看了本文案例你已经掌握了方法，更多精彩请关注其它相关文章！
推荐阅读：
三种绝对定位元素的水平垂直居中的办法
width:100%;与width:auto的使用区别
以上就是设置滚动条样式的详细内容。