移动端横向滑动展示功能

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/sweet_o/article/details/88825184

移动端横向滑动列表：

<div class="slide-box">
  <div class="slide-item"></div>
  <div class="slide-item"></div>
  <div class="slide-item"></div>
  <div class="slide-item"></div>
  <div class="slide-item"></div>
</div>

.slide-box { margin-top: 200px; overflow-x: scroll; display: -webkit-box; -webkit-overflow-scrolling: touch; }
.slide-item { width: 200px; height: 200px; border: 1px solid #ccc; margin-right: 30px; background:pink;}
.slide-box::-webkit-scrollbar {width:0;height:0;display: none;}