代码之家 › 专栏 › 技术社区 › John Bernal

JQuery花式框文本溢出

overflow scrollbar fancybox jquery-plugins jquery

John Bernal · 技术社区 · 13 年前

下面是我的一个工作例子: fiddle

这张照片只是我从谷歌图片中抓取的第一件东西。但不管怎样,当你点击图片时,它会再次显示那张图片,但上面有文字说明是我想要的,但我不想要的是溢出。有没有办法将文本绑定到图片窗口中并在其上放置滚动条?

如果是的话,我甚至可以使用一个名为uscrollbar的jquery插件在上面放一个自定义滚动条吗。要使用它,您只需执行以下操作:

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

1 回复 | 直到 13 年前

techfoobar 13 年前

你不需要任何额外的插件来纠正这一点。

将以下样式指定/替代为 .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/

推荐文章

Ravindra Bhanderi · 如何在Laravel的CKEditor中上载图像,并在服务器端上载图像

8 年前

Hello Folks · jQuery可调整大小的插件游标损坏

8 年前

Vanjith · jQuery jqplot-如何创建标签的多行

8 年前

Joshua Paul Barnard · 使用append在jQuery插件中创建覆盖

8 年前

Abilash Erikson · 如何在前端拍摄包含用户上传图像的div的截图?

8 年前

Jiga · 如何使用jQuery插件制作一个小时倒计时计时器

8 年前

g5wx · 初始化后更新jQuery插件设置

8 年前

prabha · 直接在网站中打开和编辑csv文件

8 年前

John · 如何定义jQuery validate setDefaults

8 年前

Sandeep Maharjan · 如何在Jquery验证插件中使用ajaxUserCall函数

9 年前