Fancybox 画廊打破 swiper

Question

Fancybox 打破 swiper。添加不可见 CSS 和 DOM 更改的偏移量。要在 jsbin (https://output.jsbin.com/jiqucacete) 上复制问题，您需要：

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

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

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

Answer 1

fancybox 在关闭图库后将焦点重新放在触发元素上，有时轮播/滑块脚本对此功能很敏感。要禁用它，请设置backFocus:false，例如：

$.fancybox.defaults.backFocus = false;