在哪里修改fancybox弹出元素位置行为？

Question

我在显示弹出图片的图库中使用fancybox 2.1.4。 根据默认设置，包含弹出图像的框的位置在fancybox中，将出现固定到屏幕窗口。 是否有可能使弹出图像框出现在html页面，而不是屏幕？ 在哪里修改这个弹出位置的行为？ 是在jquery.fancybox.js或jquery.fancybox.css？ 因为我似乎无法找到使其成为默认修复屏幕的“修复”规则。

Answer 1

您必须将fancybox API选项autoCenter和locked设置为false，如：

$(function () {
    $(".fancybox").fancybox({
        autoCenter: false,
        helpers: {
            overlay: {
                locked: false
            }
        }
    });
});

在哪儿？在您自己的自定义fancybox脚本中;无需弄乱原始文件。

参见 JSFIDDLE