Fancybox 2垂直滚动问题

时间:2015-03-16 19:00:28

标签: 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 { overflow: auto; overflow-y: scroll; }

我错过了什么?

1 个答案:

答案 0 :(得分:0)

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

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

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