Как pапретить листание в режиме ZOOM у FancyBox?
Прошу помощи с укрощением FancyBox Галереи на мобиле.
БОЛЬНОЙ
snippet
Для просмотра с мобилы
https://codepen.io/emelyanova/full/JjxZOBB
САБЖ
На мобиле, в режиме ZOOM, т.е. при увеличении имиджа, я не могу его просмотреть как на деске - он пролистывается!
На деске он не дает протягивать дальше края экрана - отскакивает!
ПРОБЛЕМА
На большом экране, при увеличении имиджа, пролистывание отключено, но на мобиле - стоит мне хоть малость потянуть в сторону - следующий слайд!
Как мне изменить это поведение? Запретить листание в режиме ЗУМа?
Перерыла всю доку, при чем у них самих, вот тут (https://fancyapps.com/fancybox/#combine) - все работает адекватно, но настроек они не дают.
Дополнительно:
Может наоборот? С мобилки при увеличении изображения сменить изображение свайпом не получается в том случае, если открыто изображение для просмотра.
Есть увеличенный, зазумленный имидж, и он свайпается. Т.е. происходит пролистывание. Я не могу понять, как это убрать.
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
Для того чтобы предотвратить листание в режиме ZOOM у FancyBox, вам необходимо использовать параметр `touch` и установить его значение в `false`. Этот параметр позволяет отключить возможность листать контент при увеличении масштаба.
Пример использования:
$(document).ready(function() { $(".fancybox").fancybox({ touch: false }); });
Этот код инициализирует FancyBox на элементах с классом `.fancybox` и отключит листание контента в режиме ZOOM. Помимо этого, вы также можете использовать другие параметры и настройки FancyBox для достижения желаемого эффекта.
Надеюсь, это поможет вам решить проблему с листанием в режиме ZOOM у FancyBox. Если у вас возникнут дополнительные вопросы, не стесняйтесь задавать их.