fancyBox 3模式页面调整大小调整

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滚动条。