移動端瀏覽器不顯示滾動條解決方案

<!-- elment 被選元素 -->
<!-- 	重寫滾動條樣式	
    ::-webkit-scrollbar 滾動條總體部分	
    ::-webkit-scrollbar-thumb  滾動條裏面的小方塊，能向上向下移動（或往左往右移動，取決因而垂直滾動條仍是水平滾動條）	
    ::-webkit-scrollbar-track  滾動條的軌道（裏面裝有Thumb）	
    ::-webkit-scrollbar-button 滾動條的軌道的兩端按鈕，容許經過點擊微調小方塊的位置。
    ::-webkit-scrollbar-track-piece 內層軌道，滾動條中間部分（除去）	
    ::-webkit-scrollbar-corner 邊角，即兩個滾動條的交匯處	
    ::-webkit-resizer 兩個滾動條的交匯處上用於經過拖動調整元素大小的小控件
-->
elmen {  overflow: hidden;  overflow-y: auto;}
elment::-webkit-scrollbar-track-piece {  background-color: rgba(0, 0, 0, 0);  border-left: 1px solid rgba(0, 0, 0, 0);}
elment::-webkit-scrollbar {  width: 6px;  height: 13px;  -webkit-border-radius: 5px;  -moz-border-radius: 5px;  border-radius: 5px;}
elment::-webkit-scrollbar-thumb {  background-color: rgba(0, 0, 0, 0.5);  background-clip: padding-box;  -webkit-border-radius: 5px;  -moz-border-radius: 5px;  border-radius: 5px;  min-height: 28px;}
elment::-webkit-scrollbar-thumb:hover {  background-color: rgba(0, 0, 0, 0.5);  -webkit-border-radius: 5px;  -moz-border-radius: 5px;  border-radius: 5px;
複製代碼