如何禁用Fancybox 4移动端窗口的拖拽功能？

桌面端Fancybox 4默认已禁用窗口拖拽功能，但移动端默认处于启用状态，请问如何禁用移动端的该功能？

当前使用的代码片段：

Fancybox.show(
      [
        {
          src: 'page.html',
          type: 'ajax'
        }
      ]
    );

此前版本使用的配置（旧版语法）：

helpers: {
   overlay: {
     locked: true
     }
   }

解决方案 #

Fancybox 4的配置语法与旧版本不同，你可以在调用Fancybox.show()时传入全局配置参数，直接禁用拖拽关闭功能，覆盖移动端的默认行为：

Fancybox.show(
  [
    {
      src: 'page.html',
      type: 'ajax'
    }
  ],
  {
    dragToClose: false
  }
);

设置dragToClose: false后，无论桌面端还是移动端，都将禁用窗口拖拽关闭的功能，保持两端行为一致。

内容的提问来源于stack exchange，提问作者user12706087