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;      
}


上一篇:1. java dom编程艺术---杨涛、王建桥 -第3章 DOM(自总)


下一篇:后台返回值有换行符的文本类型展示