FancyBox 3: верхнее расположение изображений

Question

Я должен расположить контейнер изображений в верхней части страницы, но здесь нет параметров.

Answer 1

Я нашел небольшой фрагмент в документах fancybox3, который работает для меня, но не для кнопок навигации.Они все еще находятся в середине страницы:

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

Answer 2

Интервал между содержимым контролируется CSS-свойством заполнения элемента обтекания.Это значение по умолчанию для элемента, содержащего изображение:

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

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

Вы можете настроить его по своему усмотрению.Как видите, это дает большую гибкость, чем просто опция js.