如何解决[Swiper] [Gatsby]当有3张或更多幻灯片时,缩略图滑块具有多个活动幻灯片
滑动版本:6.2.0
盖茨比版本:2.24.65
您所做的
想在活动缩略图幻灯片中添加一些CSS。
代码
.x
CSS
log
预期行为
正确显示活动幻灯片。表示仅活动幻灯片应具有绿色边框底部
实际行为
嗯,这真的是随机的。这是a GIF showing the behaviour
仅发生在其中包含2张以上幻灯片的滑块上。
解决方法
我遇到了类似的问题。不要为图像设置样式,而是用另一个元素包裹图像并将您的样式移动到它。
似乎 SwiperJS 在其幻灯片宽度计算中似乎没有使用边距、边框和填充。我不确定包装图像如何解决它,但这对我有用。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。