CSS自訂WebKit核心瀏覽器捲軸

關於自訂瀏覽器捲軸的樣式這一塊，如果網站可以不考慮非WebKit核心瀏覽器的話，倒是可以試試只用CSS去實現。

簡單地修改一下幾項，就可以看到效果了：

::-webkit-scrollbar{width:12px; height:12px;} /*捲軸垂直方向的寬度與水平方向的高度*/
::-webkit-scrollbar-button{} /*捲軸按鈕*/
::-webkit-scrollbar-track{} /*捲軸軌道*/
::-webkit-scrollbar-track-piece:vertical{} /*捲軸垂直方向軌道件*/
::-webkit-scrollbar-track-piece:horizontal{} /*捲軸水平方向軌道件*/
::-webkit-scrollbar-thumb{} /*捲軸軌道上的按鈕*/
::-webkit-scrollbar-corner{} /*捲軸軌道上的滾動角*/

要求不是很高的話，自訂以上選項已經足夠了。

簡單編輯了一下，做了這麼個效果：

暫時還不知道如何建立一個空白demo頁面，就直接自訂了部落格的捲軸，往右邊瞄就能看到了，上傳的是圓形圖，不知道怎麼就變成方的了，將就著看吧。

但是如若有其他需求的話，可以到這裡看看 此為傳送門GO

更多樣本參考可點擊 SrcollbarExample