Question

我正在制作一个网站的移动版本，并且使用了很多灯箱。我正试图找到一种方法来添加滚动到移动设备上的灯箱，或者只是在使用移动设备查看时完全禁用灯箱插件。试过这段代码，却无法让它发挥作用。 http://chris-barr.com/index.php/entry/scrolling_a_overflowauto_element_on_a_touch_screen_device/有什么想法吗？

Answer 1

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

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

Answer 2

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

}

（文档）$。就绪（lightboxOnResize）; $（窗口）.resize（lightboxOnResize）;

可以使用

..根据你的要求改变视口宽度!!

禁用Lightbox Plus用于移动设备

2 个答案: