禁用移动的fancybox图像上的捏缩放

Question

我目前正在使用Fancybox，但我想在iPad上用捏手势禁用图像缩放。

我尝试使用CSS touch-action:none;并在精美框中设置选项。

$("[data-fancybox]").fancybox({
  clickContent    : false,
});

我希望图像不对捏缩放做出反应。

Answer 1

您可以通过设置touch: false来禁用手势，例如，这将禁用整个页面：

$.fancybox.defaults.touch = false;

或者您可以通过在链接中添加data-options='{"touch" : false}'来单独禁用。