如何解决当特定方向上没有更多图像时隐藏 swiper js 导航按钮左和右
当特定方向上没有更多图像时,如何隐藏 swiper js 导航按钮(左和右)
例如。如果没有正确方向的图像,则应隐藏右侧导航按钮。
解决方法
使用 jQuery,您可以执行以下操作:
if (swiper.activeIndex===0) {
$('.left-slide').hide()
$('.right-slide').show()
} else if (swiper.activeIndex === swiper.slides.length-1) {
$('.left-slide').show()
$('.right-slide').hide()
}
第一个条件是第一张幻灯片
,我找到了一个使用 CSS 的简单解决方案
.swiper-button-disabled{
display:none;
}
当该方向没有图像时,这将自动隐藏该方向的导航按钮。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。