2

我一直在寻找和尝试一整天，但找不到解决这个问题的正确方法。我需要居中的部分总是在 FF 和 IE 的左上角，Safari 似乎更左下角......

这是您需要尝试、复制、粘贴和单击的所有代码...

大屏幕很好看问题在小屏幕上看起来不错

感谢帮助

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript" src="http://fancyapps.com/fancybox/source/jquery.fancybox.pack.js?v=2.1.4"></script>
<link rel="stylesheet" type="text/css" href="http://fancyapps.com/fancybox/source/jquery.fancybox.css?v=2.1.4" media="screen" />
<script type="text/javascript">
    $(document).ready(function() {
        $(".google_iframe").fancybox({
            'width'             : '75%',
            'height'            : '75%',
            'autoScale'         : false,
            'transitionIn'      : 'none',
            'transitionOut'     : 'none',
            'type'              : 'iframe'
        });
    });
</script>
</head>
<body>
<a class="google_iframe" href="https://maps.google.com/maps/ms?ie=UTF8&amp;msa=0&amp;msid=202414688179067925321.0004d62815a849d23c081&amp;t=h&amp;ll=43.36373,16.508332&amp;spn=1.617251,3.364563&amp;output=embed">
    click here for fancy
</a>
</body>
</html>

jsFiddle

4

1 回答 1

7

当您尝试预加载fancybox iframe（默认值为true）时，似乎会出现此问题。作为一种解决方法，只需iframe在您的 fancybox 自定义脚本中禁用预加载，例如：

$(document).ready(function () {
    $('.google_iframe').fancybox({
        // 'autoScale'    : false, // not valid in v2.x, use autoSize instead
        // 'transitionIn' : 'none', // not valid in v2.x, use openEffect instead
        // 'transitionOut': 'none', // not valid in v2.x, use closeEffect instead
        width      : '75%',
        height     : '75%',
        autoSize   : false,
        openEffect : 'none',
        closeEffect: 'none',
        type       : "iframe",
        iframe     : {
           preload : false // this will prevent to place map off center
        }
    });
});

...请注意，我注释掉了 v1.3.4 的一些 API 选项，这些选项在 v2.x 中无效

请参阅JSFIDDLE ...或整页请参阅http://jsfiddle.net/Sy8F8/show/lite/，然后您可以将其与整页（未居中）jsfiddle进行比较

于 2013-02-20T21:32:24.940 回答