На мобильных устройствах тут и подобных не срабатывает скролл пальцем.
Если проводить пальцем по картинке, то страничка вниз не скроллится.
Если немного сбоку, где я оставил поля, то все работает.
Использовал этот плагин. Как пофиксить?
Stack Overflow на русском — это сайт вопросов и ответов для программистов. Присоединяйтесь! Регистрация займёт не больше минуты.
Присоединиться к сообществуРешение оказалось следующим:
<script>
if($(window).width() > 769) {
$("#zoom").elevateZoom({gallery:'gall', zoomType:"lens", containLensZoom:true, borderSize:"2", zoomWindowHeight:"100%"});
} else {
$(document).ready(function() {
$('#gall a').click(function() {
var srcImage = $('#gall a').children().eq($(this).index()).attr('src');
$('#zoom').attr('src', srcImage);
return false; //отмена перехода по ссылке
});
});
}
</script>
спасибо Vlad Vlad за наводку.
Событие которое навешано на картинку блокирует скроллинг, либо отключайте его (плагин) при мобильном разрешении, либо просто скрывайте картинку с событием и показывайте обычную (без него), вариантов много, "костылей" ещё больше :)
При загрузке получаем ширину экрана $(window).width()
и при условии что она выше чем мобильная (какая там вам надо) вешаем плагин на картинку.
src
в главной на новый, который храниться в data-big-image
(путь к большому изображению) изображения по котором кликнули - как вариант (этот скрипт соответственно должен подключаеться только в мобильной версии)
16 июн 2016 в 12:42