fancybox不居中

Question

我使用fancybox 1.3.4在弹出窗口中显示一些内容，但弹出窗口不在浏览器中心如何修复它？

html代码：

<a class="clickMe" title="" message="Last Updated: 10/1/2013">Privacy Policy</a>

js code：

$("body").on("click", ".clickMe", function(){
    showAlertSized($(this).attr("title"), $(this).attr("message"), $(this).attr("width"), $(this).attr("height"));
});
function showAlertSized(title, msg, width, height) {
    debugger;
    if(width === undefined){
        //width = 965;
        width = '95%';
    }
    if(height === undefined) {
        //height = 700;
        height = '95%';
    }
    var content = '<h1>' + title + '</h1>' +
        '<p class="msg">' + msg + '</p>' +
        '<div class="fancy-btns"><input type="button" value="" onclick="closeAlert()" class="fancy-ok-btn" /></div>';
    $.fancybox({
        'content': content,
        'hideOnOverlayClick': false,
        'overlayOpacity' : 0.7,
        'overlayColor' : '#777',
        'width': width,
        'height': height,
        'autoDimensions': false,
        'autoSize': false
    });
}

这是截图

Answer 1

您的宽度和高度设置为视口的95％，因此逻辑上您有5％的宽度和高度未计入。尝试添加“保证金”：2.5％到您的fancybox初始化调用，这应该在您的fancybox的所有4个边上放置2.5％的边距，使其完美居中。不幸的是我无法测试或提供编码示例，但理论上它应该可以工作！