移動端顯示 捲軸

標籤：scrollbar   html   控制項   app   logs   span   顯示   llb   rgb   

::-webkit-scrollbar {    -webkit-appearance: none;}::-webkit-scrollbar:vertical {    width: 12px;}::-webkit-scrollbar:horizontal {    height: 12px;}::-webkit-scrollbar-thumb {    background-color: rgba(0, 0, 0, .5);    border-radius: 10px;    border: 2px solid #ffffff;}::-webkit-scrollbar-track {    border-radius: 10px;      background-color: #ffffff; }

 

• ::-webkit-scrollbar 捲軸整體部分
• ::-webkit-scrollbar-thumb  捲軸裡面的小方塊，能向上向下移動（或往左往右移動，取決於是垂直捲軸還是水平捲軸）
• ::-webkit-scrollbar-track  捲軸的軌道（裡面裝有Thumb）
• ::-webkit-scrollbar-button 捲軸的軌道的兩端按鈕，允許通過點擊微調小方塊的位置。
• ::-webkit-scrollbar-track-piece 內層軌道，捲軸中間部分（除去）
• ::-webkit-scrollbar-corner 邊角，即兩個捲軸的交匯處
• ::-webkit-resizer 兩個捲軸的交匯處上用於通過拖動調整元素大小的小控制項

參考地址：http://www.cnblogs.com/520yang/articles/5098352.html

移動端顯示 捲軸