FancyBox 3：图像的顶部定位答案

【问题标题】：FancyBox 3: top positioning of imagesFancyBox 3：图像的顶部定位
【发布时间】：2019-07-14 14:45:52
【问题描述】：

我必须将图像容器定位在页面顶部，但是没有参数。

【问题讨论】：

【解决方案1】：

我在fancybox3 的文档中找到了一个小sn-p，它对我有用，但不适用于导航按钮。它们仍在页面中间：

afterShow : function( instance, current, e ) {
  $('.fancybox-content').css('transform','translate3d(0px, 30px, 0px)');
}

【讨论】：

【解决方案2】：

内容周围的间距由包装元素的 CSS 填充属性控制。这是包含图像的元素的默认值：

.fancybox-slide--image {
    padding: 44px 0;
}

@media all and (max-height: 576px) {
    .fancybox-slide--image {
        padding: 6px 0;
    }
}

您可以根据自己的喜好进行调整。如您所见，这提供了比某些 js 选项更大的灵活性。

【讨论】：

嗨，Janis，感谢您的回答，但这不起作用。我制作了一个显示问题的屏幕截图：backend45.com/images/2019-02-21_08-17-50.png
哦，你想改变垂直居中。这个 sn-p 可以用来调整间距，但实际上，没有禁用垂直居中的选项。