Fancybox 画廊打破了刷卡器

Fancybox gallery breaks swiper

Fancybox 破坏了刷卡器。添加不可见 CSS 和 DOM 更改的偏移量。要在 jsbin (https://output.jsbin.com/jiqucacete) 上复制问题,您需要:

new Swiper('.swiper-container', {
  slidesPerView: 1
});

1) 按下滑动条图片 2) 转到 fancybox 画廊弹出窗口中的下一张图片 3) 关闭图库,swiper会有幻灯片变化

它是如何工作的? 为什么看不到任何 CSS、DOM 更改? 如何解决?

fancybox 在关闭图库后将焦点放回到触发元素上,有时 carousel/slider 脚本对此功能很敏感。要禁用它,请设置 backFocus:false,例如:

$.fancybox.defaults.backFocus = false;