代码之家 › 专栏 › 技术社区 › Anu

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

swiper scrollbar css html javascript

Anu · 技术社区 · 6 年前

我用过雨刷。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文档,但它不起作用。如何在我的网站上强制使用具有适当滚动功能的滚动条?

1 回复 | 直到 6 年前

Tim Gerhard 6 年前

这不是预期的解决方案,但它解决了您的问题 。基本上,您的swiper设置所做的是 overflow:hidden 到您的 .swiper-container css类就在启动之后。

我相信一定有办法防止这种情况发生,但如果你想不出来,这肯定会有帮助(尽管这不是预期的解决方案):

将以下截取内容添加到css中:

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

这个 !important 确保swiper不能通过JQuery覆盖它。

推荐文章

Ryan Pergent · Firefox scrollTop在添加内容时保持相同的相对位置

6 年前

yossico · Winforms TreeView滚动条不会一直滚动

6 年前

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

6 年前

Bilal Sehwail · 统一:隐藏滚动条时禁用滚动拖动

6 年前

user1323 · 滚动条在与交互之前不会采用框架样式

7 年前

Youssef · 边框窗格-JavaFX场景生成器-滚动条向下按钮不可见

7 年前

Crundee MC · 如何删除溢出导致的滚动条?

7 年前

sergi martinez · SWING禁用或隐藏滚动条,但启用控制盘?

7 年前

Kyle Delaney · 在内容的矩形变换被内容大小调整器更新后,如何使Unity Scroll Rect滚动到底部?

7 年前

Alberto Muñoz Sánchez · 禁用文本区域中的垂直滚动条

7 年前