移动设备上的FancyBox 3 - 关闭弹出窗口，点击而不是滑动

Question

如您所知，FancyBox 3在移动设备上允许使用向上/向下滑动关闭弹出窗口。 我们怎样才能通过手机屏幕点击它来关闭它？如果可以的话当然可以。

感谢。

Answer 1

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

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

使用此代码段，点击图片会缩放，但其他内容会关闭。

演示 - https://codepen.io/anon/pen/WEKmoB