Как в FancyBox добавить скролл на странице?

Ссылка скопирована
3 апреля 2026 1 ответ

Есть 5 картинок при клике на которые изображение открывается на весь экран, но при открытии изображения убирается scroll bar на странице и некоторые элементы сайта сдвигаются вправо. Можно ли в fancyBox с помощью которого сделано открытие изображений, сделать так, чтобы скролл не убирался?

Дополнительно:

погуглить ?
https://fancyapps.com/fancybox/layout-shift/

Нужно решить такую задачу?

Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.

Заказать помощь
Лучший ответ
1
Антон С. Ответ

Для добавления скролла на странице в FancyBox, вы можете воспользоваться опцией `scrolling` и установить ее значение в `auto` или `yes`. Это позволит добавить вертикальный скролл на странице, если содержимое превышает размер окна.

Пример кода:

$.fancybox.open({
   src  : 'your_content.html',
   type : 'iframe',
   scrolling : 'auto'
});

$.fancybox.open({ src : 'your_content.html', type : 'iframe', scrolling : 'auto' });

Если вам нужен скролл для горизонтального направления, то вы можете использовать CSS свойство `overflow-x` для контейнера с содержимым в вашем FancyBox.

Пример CSS:

#your_content_container {
   overflow-x: auto;
}

#your_content_container { overflow-x: auto; }

Таким образом, вы сможете добавить скролл на страницу в FancyBox и обеспечить удобное просмотр содержимого, если оно не помещается на экране.

Другие ответы (0)

Пока нет других ответов. Будьте первым, кто поможет автору.

Ответить на вопрос

комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Вам также может быть интересно