1. 程式人生 > >移動端網頁修改滾動條樣式使滾動條預設顯示

移動端網頁修改滾動條樣式使滾動條預設顯示

將此段程式碼放入style標籤中

::-webkit-scrollbar {
        width: 8px;
        height: 8px;
    }

    ::-webkit-scrollbar-button {
        background-color: #FF7677;
        display: none;
    }

    ::-webkit-scrollbar-track {
        background: rgba(255, 255, 255, 0.7);
    }

    ::-webkit-scrollbar-thumb
{ background: #717276; //滾動條顏色 border-radius: 4px; } ::-webkit-scrollbar-corner { background: #82AFFF; display: none; } ::-webkit-scrollbar-resizer { background: #FF0BEE; } ::scrollbar { width: 8px; height: 8px; } ::scrollbar-button
{ background-color: #FF7677; display: none; } ::scrollbar-track { background: rgba(255, 255, 255, 0.7); } ::scrollbar-thumb { background: #aaa; border-radius: 4px; } ::scrollbar-corner { background: #82AFFF; display: none
; }
::scrollbar-resizer { background: #FF0BEE; }

即可