JSFiddle - React, Tailwind, and code Playground

by zpczjl

HTML

<script src="https://unpkg.com/[email protected]/dist/bscroll.min.js"></script>
<div class="wrapper">
  <ul class="content">
    <li>1111</li>
    <li>222</li>
    <li>333</li>
    <li>4444</li>
  </ul>
  <!-- 这里可以放一些其它的 DOM，但不会影响滚动 -->
</div>

CSS

.wrapper{
      width: 300px;
      overflow: hidden;
    }
    .content li{
      float: left;
      width: 200px;
      height: 30px;
    }
    .content{
      width: 800px;
      height: 30px;
    }

JavaScript

let scroll = new BScroll('.wrapper',{
      scrollY: true,
      click: true
  })