移动端隐藏X轴滑动条

移动端隐藏X轴滑动条

步骤

• 子元素设置高度，设置不换行属性 white-space: nowrap和overflow-x: scroll;
• 父元素设置高度，高度小于子元素，让子元素将父元素高度撑开。设置css属性 overflow-x: scroll;

 代码演示  》ul左右滑动 不显示X轴滚动条

.miaosha-content{
    width: 100%;
    overflow: hidden;
    height: 110px;   /*超出高度，隐藏滑动*/
    .miaosha-content-ul{
        width: 100%;
        margin: 5px 0px;
        padding: 0px;
        overflow-x: scroll;
        white-space: nowrap;
        height: 115px;
        li{
            display: inline-block;
            width: 70px;
            height: 60px;
            margin-right: 10px;
            text-align: center;
        }
    }
}