JQuery Fancy Box文本溢出

时间:2012-10-01 16:02:25

标签: jquery jquery-plugins fancybox scrollbar overflow

所以这是我的情况的一个有效例子:fiddle

这是我抓住谷歌图片的第一件事。但无论如何,当你点击图片时,它会再次显示该图片,但顶部有标题文字。那 IS 我想要什么,但我不想要的是溢出。无论如何在图片窗口中绑定该文本并在其上放置滚动条?

如果是这样,我是否可以使用名为uscrollbar的jquery插件在其上放置自定义滚动条。要使用它你只需要做:

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

1 个答案:

答案 0 :(得分: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/