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 class='test'>1111</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',{
     probeType: 1
  })

document.querySelector('.test').addEventListener('click', function() {console.log(123)})