FancyBox 3移动 - 用轻击而不是滑动来关闭弹出框

Question

如您所知，FancyBox 3在移动设备上允许用向上/向下轻扫来关闭弹出框。 我们如何才能用手机屏幕上的水龙头来关闭它？如果它可以做到的话。

谢谢。

Answer 1

可以，例如，使用clickContent选项：

$('[data-fancybox]').fancybox({ 
    clickContent : function(current, event) { 
    return current.type === 'image' ? 'zoom' : 'close'; 
    } 
}); 

使用这个片段中，点击图像将放大，但其他内容 - 关闭。

Demo - https://codepen.io/anon/pen/WEKmoB