Question

我在website中使用了swiper.min.js。但是，我需要一个滚动条显示在我的网站的右侧，因为我的大多数目标受众将使用没有鼠标滚轮的笔记本电脑，并且它们不可能毫无困难地滚动。

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

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

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

    String sampleText = "abc#hello#hi#bye";
    String[] wordSplit = sampleText.split("#");

        for (int i = wordSplit.length - 1; i >= 0; i--) {
            Toast.makeText(this, wordSplit[wordSplit.length - 1], Toast.LENGTH_SHORT).show();
            break;
        }

这些都不起作用。滚动条会暂时出现，并立即消失。我查看了swiper.min.js文档，但它没有用。如何在我的网站上强制滚动条具有正确的滚动功能？

Answer 1

这不是预期的解决方案，但它解决了您的问题。基本上你的swiper设置是做什么的，它在启动后立即将overflow:hidden添加到你的.swiper-container css类。

我确定必须有办法防止这种情况发生，但是如果你无法弄清楚这会有所帮助（尽管如此，这不是预期的解决方案）：

将以下剪辑添加到您的css：

.swiper-container {
     overflow: auto !important;
}

!important确保swiper无法通过JQuery覆盖它。

swiper.min.js scrollbar：强制滚动条

1 个答案: