在窗口大小调整时更新fancyBox边距

Question

回复：http://fancyapps.com/fancybox/#docs

我为自定义边距设置了选项，但是如果窗口低于特定尺寸，则要调整该选项。有谁知道是否可以使用API​​方法完成。虽然以下方法不起作用，但它可以让您了解我正在尝试做什么：

if ($(window).width() <= 1024) $.fancybox.update({margin:18});

任何帮助表示感谢。

由于

Answer 1

我使用mediaqueries进行了更改。

默认情况下，fancybox会保留在您的代码中：

padding: 0
margin: 0

然后在你的容器div pop中放置你的边距或填充，你玩媒体查询。

@media only screen and (min-width: 1024px) {
    ....
}

Answer 2

我通过使用fancybox提供的onUpdate()回调并根据屏幕宽度更改其边距来解决此问题：

$(document).ready(function() {
    $(".fancybox").fancybox({ 
        onUpdate: function () {
            if ($(window).width() < 768) {
                $.fancybox.current.margin = [10,10,10,10];
            } else {
                $.fancybox.current.margin = [30,90,30,90];
            }
        }
    });
});