javascript - fancyBox 3 modal page shift on resize

Question

当模态溢出发生时，模态移出页面。擦除该元素.fancybox-slide:before会使模态回到屏幕顶部，但是没有这个元素，模态将无法居中。

模态由以下人员创建：

$().fancybox({
    selector: '.btn',
    // Shortcut to make content "modal" - disable keyboard navigtion, hide buttons, etc
    modal : true,
    touch : {
        vertical : false,  // Allow to drag content vertically
        momentum : false   // Continue movement after releasing mouse/touch when panning
    },
});

HTML是：

<a class="btn" data-fancybox data-type="ajax" data-src="#" href="javascript:;">Text</a>

---

如果我将里面的内容设置.fancybox-slide为max-width: 100%，一切正常，但内容视图中有一个 x 滚动条。