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

标签 jquery html css fancybox

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

这是目前我网站上弹出窗口的示例:

enter image description here

如您所见,它适合视口(viewport),但非常窄。我怎样才能让它变宽并允许它滚动?

这是我的代码:

$(文档).ready(函数(){ $(".fancybox").fancybox({ 填充:0, 自动缩放:假 }); });

最佳答案

尝试使用以下代码设置带滚动条的全宽。

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

关于jquery - 如何使用滚动使 Fancybox 弹出全宽,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29742647/

相关文章:

html - 当我滚动时,我的主 Logo 横幅出现在我的导航栏中

javascript - 在幻灯片放映开始之前,所有幻灯片的图像都显示在一个堆栈中,打破了网站的布局几分之一秒

javascript - CSS 包含相对于 CSS 文件位置的图像

javascript - 从所选元素中获取索引

javascript - 默认情况下以折叠方式开始 HTML 行

javascript - 使用javascript在屏幕中间显示弹出窗口

Javascript/CSS 灯箱仅适用于第一个元素?

jquery - 从循环内获取 Jquery Toggle 按钮值

javascript - 如何禁用按钮

html - 对齐步骤进度条的两个 div 和 hr 标签