jquery - Fancybox 2 垂直滚动问题

标签 jquery css fancybox fancybox-2

我使用 Alt 在 fancyBox v2.1.4 弹出窗口中添加额外的文本,但问题是没有显示描述文本的垂直滚动条,因此无法阅读某些文本。

HTML:

<!-- Item Project Name -->
                        <li class="item-thumbs span3 design">
                            <!-- Fancybox - Gallery Enabled - Title - Full Image -->
                            <a class="hover-wrap fancybox" data-fancybox-group="gallery" title="The City" href="_include/img/work/full/image-01-full.jpg">
                                <span class="overlay-img"></span>
                                <span class="overlay-img-thumb font-icon-plus"></span>
                            </a>
                            <!-- Thumb Image and Description -->
                            <img src="_include/img/work/thumbs/image-01.jpg" alt="IF I PUT TOO MUCH TEXT OVER HERE THERE IS NO SCROLLBAR INSIDE THE POPUP">
                        </li>
                        <!-- End Item Project -->

奇怪的是,在 fancybox css 中,一切似乎都是正确的:

.fancybox-lock .fancybox-overlay { 溢出:自动; 溢出-y:滚动; }

我错过了什么?

最佳答案

不要使用 CSS 来设置滚动问题。您可以在“助手”的帮助下隐藏滚动条

尝试以下代码来修复滚动问题。

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

关于jquery - Fancybox 2 垂直滚动问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29084880/

相关文章:

javascript - Fancybox - Ajax 图片库

javascript - 在 XSLT 中创建一个简单的模态弹出窗口

javascript - .addEventListener 不工作

css - 是否可以通过 CSS 制作小圆圈?

css - 当里面的文本太长时,想要 flexbox 按钮占用换行符

html - 使用类内部部分时不显示背景图像

javascript - 使用 JQuery 动态填充下拉列表,包含相关 JSON 文件

javascript - split() 函数返回一个未拆分的字符串

javascript - jQuery 幻灯片在 IE8 中不工作,在 Safari/Firefox 中工作正常

javascript - Google map 在 FancyBox 中无法正确渲染,我该如何纠正?