我使用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;
}
我错过了什么?
答案 0 :(得分:0)
不要使用CSS来设置滚动问题。您可以在“帮助者”的帮助下隐藏滚动条
尝试使用以下代码修复滚动问题。
$(".fancybox").fancybox({
fitToView : false,
height : 'auto',
autoSize : false,
helpers : {
overlay : {
locked: false
}
}
});