Fancybox水平响应但不垂直响应。我究竟做错了什么?

时间:2014-03-13 19:12:31

标签: javascript jquery css fancybox fancybox-2

我在http://defyordie.com/testbed/处有一些示例代码 这是我的投资组合,我正在用fancybox替换我的旧插件。我的问题是工作示例弹出窗口的响应性。向下滚动到我的工作'部分并单击前三个框之一,因为它们已完成。 我正在进行大型电影院的展示,所以我注意到当我展开窗户时,运行幻灯片的皇家滑雪板水平展开但没有垂直展开,直到我使浏览器窗口几乎完全填满我的屏幕。我曾希望它按比例扩大。我错误地将fancybox初步化,royalslider错误,或者我有某种CSS问题。

代码:

$(document).ready(function () {
    $('.fancybox').fancybox({
        beforeShow: function () {
            $(window).on({
                'resize.fancybox': function () {
                    $.fancybox.update();
                }
            });
        },
        afterClose: function () {
            $(window).off('resize.fancybox');
        },
        padding: 0,
        margin: [60, 15, 0, 15],
        nextEffect: 'fade',
        prevEffect: 'none',
        helpers: {
            overlay: {
                locked: false
            }
        },
        afterLoad: function () {
            $.extend(this, {
                type: 'html',
                width: '95%',
                height: '100%',
                minWidth: '930px'
            });
        }
    });
});

0 个答案:

没有答案