ZENCART 网站滚动条修改

大千世界，無奇不有。互聯網是個神奇的地方，也是在網上找到了方法：

将以下代碼加入到網站的css文件當中：

Code    View Copy Print

1. ::-webkit-scrollbar-track-piece{   
2.     background-color:#fff;   
3.     -webkit-border-radius:0;   
4. }   
5. ::-webkit-scrollbar{   
6.     width:8px;   
7.     height:8px;   
8. }   
9. ::-webkit-scrollbar-thumb{   
10.     height:50px;   
11.     background-color:#999;   
12.     -webkit-border-radius:4px;   
13.     outline:2px solid #fff;   
14.     outline-offset:-2px;   
15.     border: 2px solid #fff;   
16. }   
17. ::-webkit-scrollbar-thumb:hover{   
18.     height:50px;   
19.     background-color:#9f9f9f;   
20.     -webkit-border-radius:4px;   
21. }  

想要定制自己喜歡的顔色，可以逐一修改上面的css樣式，試下每個屬性的效果吧！

例如：想要改變滾動條的寬度，就修改::-webkit-scrollbar這個屬性，想要修改滾動條的顔色，就修改::-webkit-scrollbar-thumb這個屬性。呃！對了，這個樣式是用内修改google浏覽器滾動條的，如果想要修改IE、火狐以及其他的滾動條屬性就去百度或google吧。