Fancybox 3中替代Fancybox 2 helpers locked: true的设置咨询

我之前也碰到过这个头疼的问题！Fancybox 3 对配置项做了不少调整，原来的 helpers.overlay.locked 已经被拆分替换成了更精准的选项，要解决退出后滚动到顶部的问题，你只需要设置这两个参数：

• autoFocus: false：禁止Fancybox自动将焦点转移到弹窗内的元素，这是触发滚动跳顶的常见原因之一
• backFocus: false：关闭弹窗后，不让浏览器重新聚焦到触发弹窗的原始元素，彻底避免滚动行为

完整的配置示例如下：

$('[data-fancybox]').fancybox({
  autoFocus: false,
  backFocus: false
});

另外补充一点：Fancybox 3 默认已经会锁定背景滚动（就像你之前用locked: true实现的效果），所以不需要额外配置锁定滚动的选项，如果需要修改这个默认行为，可以调整lockScroll参数（默认值为true）。

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