H5實現橫向滾動的方法總結

小程序中有橫向滾動的swiper，H5中目前得手動實現。

實現方法如下：

外層需要設置：

 overflow: scroll;white-space: nowrap;

內層需要設置：

display: inline-block; 

 <div class="noticeListBox">
       <div class="noticeList" v-for="(item,index) in 10">
              
       </div>
</div>

.noticeListBox {
    width: 100%;
    box-sizing: border-box;
    overflow: scroll;
    white-space: nowrap;
}

.noticeListBox::-webkit-scrollbar {
    display: none;
}

.noticeList{
  display: inline-block;      
}