JQuery Fancy Box 文本溢出

Question

这是我的情况的一个工作示例:fiddle

这张图片只是我从谷歌图片中抓取的第一张图片。但无论如何，当您单击图片时，它会再次显示该图片，但标题文本位于其顶部。这是我想要的，但我不想要的是溢出。是否有办法将该文本绑定(bind)在图片窗口内并在其上放置滚动条？

如果是这样，我什至可以使用名为 uscrollbar 的 jquery 插件在其上放置自定义滚动条吗？要使用它，您只需执行以下操作:

$("#div").uscrollbar();

Answer 1

您不需要任何额外的插件来纠正这个问题。

为 .fancybox-opened .fancybox-title CSS 类指定/覆盖以下样式即可解决该问题。

.fancybox-opened .fancybox-title {

    /* new */
    height: 100%;
    overflow: auto;
    padding-bottom: 0;
    padding-top: 0;

    visibility: visible;
}

演示: http://jsfiddle.net/vkDcG/73/