问FancyBox 3:图像的顶部定位
EN

Stack Overflow用户

提问于 2019-02-21 03:59:41

回答 2查看 93关注 0票数 -1

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

发布于 2019-02-21 15:36:07

我在fancybox3的文档中发现了一小段代码，它对我有效，但不适用于导航按钮。它们仍然在页面的中间：

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

票数 1

发布于 2019-02-21 04:32:59

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

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

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

你可以根据你的喜好来调整它。正如您所看到的，这提供了比某些js选项更大的灵活性。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/54794342

复制

相似问题

问FancyBox 3:图像的顶部定位EN