在 Swiper 中使用 setWrapperSize 时，横幅幻灯片在 RTL 中消失答案

【问题标题】：When using setWrapperSize in Swiper the banner slides disappear in RTL在 Swiper 中使用 setWrapperSize 时，横幅幻灯片在 RTL 中消失
【发布时间】：2021-08-13 10:41:57
【问题描述】：

我有一个处于 RTL 模式的页面 ( <html lang="en" dir="rtl"> ) 和下面的 Swiper JS 初始化，但横幅的幻灯片在 RTL 模式下是不可见的。在 LTR 模式下，它们是可见的。我正在使用最新版本的库。

如果我删除 setWrapperSize: true 它们会再次可见，但在加载过程中会产生新的大小问题。

我怎样才能保持 setWrapperSize: true 并且不存在不可见幻灯片的问题？

我在 swiperjs 站点的演示 RTL 示例中尝试了 setWrapperSize: true ，同样的问题发生在 RTL 中，但不是在 LTR 模式下。请参阅此处的示例：https://jsfiddle.net/u5ay628c/1/。

我可以看到幻灯片未显示的原因是它们获取了不正确的 translate3d 值。这似乎是一个错误？有什么想法吗？

【问题讨论】：

标签： javascript swiper swiperjs

【解决方案1】：

最后用 CSS 修复它。在rtl时将轮播翻转为lrt，然后将分页点翻转为rtl。

【讨论】：