移动端网页修改滚动条样式使滚动条默认显示

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/tian_i/article/details/79526026

将此段代码放入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;
    } 

即可