滑动滑块滚动条 - 没有滚动

Question

我在标记中插入了一个滚动条，其上的样式立即拉起并拉长，根据文档在JS中添加了scrollbar属性，条保持原样，滚动时没有滚动条滑块

<div class="works__swiper-container swiper-container">
  <ul class="works__list swiper-wrapper">
  
    <li class="works__elem swiper-slide">
      <div class="works__count">
        01
      </div>
      <div class="works__title">
        Legal
        <br> Services
      </div>
      <div class="works__text">
        Often overlooked but highly important!
      </div>

    </li>
    <li class="works__elem swiper-slide">
      <div class="works__count">
        02
      </div>
      <div class="works__title">
        Blockchain
        <br> Development
      </div>
      <div class="works__text">
        Our core specialty is of course the
      </div>

    </li>
    <li class="works__elem swiper-slide">
      <div class="works__count">
        03
      </div>
      <div class="works__title">
        DeFi & dApps
      </div>
      <div class="works__text">
        Decentralised apps often go along
      </div>
    </li>

    <div class="swiper-scrollbar"></div>
  </ul>
</div>

const swiperStatistics = new Swiper('.works__swiper-container', {
  wrapperClass: 'works__list',
  slideClass: 'works__elem',
  slidesPerView: 10,
  spaceBetween: 30,
  grabCursor: true,
  watchOverflow: true,
  resistanceRatio: 0,
  navigation: {
    nextEl: '.works__next',
    prevEl: '.works__prev',
  },
  scrollbar: {
    el: ".swiper-scrollbar",
    // draggable: true,
    hide: false,
  }
});