Как в FancyBox добавить скролл на странице?
Есть 5 картинок при клике на которые изображение открывается на весь экран, но при открытии изображения убирается scroll bar на странице и некоторые элементы сайта сдвигаются вправо. Можно ли в fancyBox с помощью которого сделано открытие изображений, сделать так, чтобы скролл не убирался?
Дополнительно:
погуглить ?
https://fancyapps.com/fancybox/layout-shift/
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
Для добавления скролла на странице в FancyBox, вы можете воспользоваться опцией `scrolling` и установить ее значение в `auto` или `yes`. Это позволит добавить вертикальный скролл на странице, если содержимое превышает размер окна.
Пример кода:
$.fancybox.open({ src : 'your_content.html', type : 'iframe', scrolling : 'auto' });
Если вам нужен скролл для горизонтального направления, то вы можете использовать CSS свойство `overflow-x` для контейнера с содержимым в вашем FancyBox.
Пример CSS:
#your_content_container { overflow-x: auto; }
Таким образом, вы сможете добавить скролл на страницу в FancyBox и обеспечить удобное просмотр содержимого, если оно не помещается на экране.