Отключить Lightbox Plus для мобильных устройств

Question

Я делаю мобильную версию сайта, и там используется много лайтбоксов. Я пытаюсь найти способ добавить прокрутку в лайтбоксы на мобильных устройствах или просто отключить плагин лайтбокса, если для просмотра используется мобильное устройство. Пробовал этот код, но не смог заставить его работать. http://chris-barr.com/index.php/entry/scrolling_a_overflowauto_element_on_a_touch_screen_device/ Есть мысли?

Answer 1

var lightboxOnResize = function lightboxOnResize() {
if ($(window).width() < 960) { alert();
    $('a[rel="lightbox"]')
        .removeProp('rel')
        .addClass('lightboxRemoved');
} else {
    $('a.lightboxRemoved').prop('rel', 'lightbox');
}

}

$ (Документ).ready(lightboxOnResize); $(Окна).resize(lightboxOnResize);

может быть использован.. может изменить ширину области просмотра в соответствии с вашим требованием!

Answer 2

Я исправил проблему с прокруткой, добавив следующий CSS-код к родительским элементам, которые содержат iframe, тег div или изображение:

#cboxLoadedContent, #cboxContent{
-webkit-overflow-scrolling: touch!important;
}