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)');
}