Swipe Up on Mobile to Close Lightbox

  • Resolved Adam

    (@panhead)


    5 years, 8 months ago

    Would be helpful / improved usability to include the capability of swiping up to close the lightbox on mobile devices. And, if someone is on a desktop / laptop, scrolling down or up on a page would close the lightbox. Thank you!

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author arisoft

    (@arisoft)

    The plugin closes the lightbox when swipe up/down on mobile devices.

    Thread Starter Adam

    (@panhead)

    Thank you for your reply, @arisoft !

    I see now. I was on my laptop, and when I scrolled, the images just rotated back and forth one to another. Is there a way to make that same functionality on a laptop / desktop as on mobile? Even as a checkbox option? So, when I scroll up or down, the lightbox disappears?

    Plugin Author arisoft

    (@arisoft)

    Add the following code to “Custom JS code” parameter on “ARI Fancy Lightbox -> Advanced” page to close the lightbox when use mouse wheel/touchpad:

    $(document).on('onInit.fb', function(e, instance, current) {
  instance.$refs.stage.on('mousewheel DOMMouseScroll wheel MozMousePixelScroll', function() {
    $.fancybox.close();
  });
});
    Thread Starter Adam

    (@panhead)

    Worked perfectly! Thank you, @arisoft !

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Swipe Up on Mobile to Close Lightbox’ is closed to new replies.