泳衣。min.js滚动条:强制滚动条

我用过雨刷。my中的min.js website 。然而,我需要一个滚动条出现在我的网站的右侧,因为我的大多数目标受众将使用没有鼠标滚轮的笔记本电脑,他们不可能轻松滚动。

我已经尝试添加以下内容:

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

并从我的HTML文件中将其实例化如下:

 <script>
   var swiper = new Swiper('.swiper-container', {
     scrollbar: {
       el: '.swiper-scrollbar',
       hide: true,
     },
   });
 </script>

这些都不管用。一个滚动条瞬间出现,然后立即消失。我已经检查了swiper。min.js文档,但它不起作用。如何在我的网站上强制使用具有适当滚动功能的滚动条?