在哪里修改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