如何使用滚动使Fancybox弹出全宽

时间:2015-04-20 08:23:16

标签: jquery html css fancybox

我正在尝试使我的fancybox图像弹出全屏而不是弹出以适合视口。

以下是我网站上当前弹出窗口的示例:

enter image description here

正如您所看到的那样,它适合视口,但非常狭窄。如何使其更宽并允许它滚动?

这是我的代码:

(文档)$。就绪(函数(){     $(" .fancybox&#34)。的fancybox({         填充:0,         autoScale:false     }); });

1 个答案:

答案 0 :(得分:0)

尝试使用以下代码通过滚动设置全宽。

$(".fancybox").fancybox({
    maxWidth    : '100%',
    fitToView   : false,
    width       : '100%',
    height      : 'auto',
    autoSize    : false,
    helpers : {
          overlay : {
              locked: false
          }
    }
});