方法一：通過設定七個CSS屬性對應的指令碼特性來實現。

<button onClick="change()">改變滾動條樣式</button>
<script>
function change(){
  with(document.body.style){
    scrollbar3dLightColor="#FFFFFF"
    scrollbarArrowColor="#1948B4"
    scrollbarDarkShadowColor="#1948B4"
    scrollbarFaceColor="#DAE6FF"
    scrollbarHighlightColor="#DAE6FF"
    scrollbarShadowColor="#DAE6FF"
    scrollbarTrackColor="#FFFFFF"
  }
}
document.write(new Array(100).join("<br>"))
</script>

方法二：只設置滾動條的基準顏色。

<script>
function change(color) {
 document.body.style.scrollbarBaseColor =color
}
</script>
<button onClick="change(’#DAE6FF’)">style1</button>
<button onClick="change(’#DEDEDE’)">style2</button>
<script>document.write(new Array(100).join("<br>"))</script>