FancyBox 3：图像的顶部定位

Question

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

Answer 1

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

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

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

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

Answer 2

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

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