移動端 實現ul橫向滾動條

    ul {
        display: flex;
        width: 100%;
        height: 3.333333rem;
        background: #fff;
        padding: 0.373333rem 0.32rem 0;
        box-sizing: border-box;
        /* 下面是實現橫向滾動的關鍵代碼 */
        display: inline;
        float: left;
        white-space: nowrap;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch; /*解決在ios滑動不順暢問題*/
        overflow-y: hidden;
    }
    ul li {
        display: inline-block;  /*設置li為行內塊級元素*/
        width: 3.6rem;
        height: 2.24rem;
        text-align: left;
        border-radius: 6px 6px 6px 6px;
        margin-right: 0.373333rem;
    }    

 隱藏滾動條

ul::-webkit-scrollbar {
    display: none;
}