移動端左右滑動

       

.slide-item.active{
    color:#63bfde;
}
.slide-box{
    display: -webkit-box;
    overflow-x: auto;
    -webkit-overflow-scrolling:touch; /*ios*/
}
.slide-item{
    width: 50%;
    height: 1.2rem;
    line-height: 1.2rem;
    text-align: center;
}

.slide-box::-webkit-scrollbar{
    display: none;  /*隱鰺滾動條*/
}

     

 

<ul class="slide-box">
                    <li class="slide-item active">按評價</li>
                    <li class="slide-item">評價</li>
                    <li class="slide-item">按銷量</li>
                </ul>