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