mobile - 为移动设备禁用 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');
}

}

$(document).ready(lightboxOnResize); $(window).resize(lightboxOnResize);

可以使用..可以根据您的要求更改视口宽度！

Answer 2

我通过将以下 CSS 添加到包含 iframe、div 标签或图像的父元素来解决滚动问题：

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