2012-10-01 25 views
2

因此,這裏是我的情況的工作示例:fiddleJQuery的花式框文本溢出

PIC的就是我抓住谷歌圖片的第一件事。但無論如何,當你點擊pictuure時,它會再次顯示該圖片,但是其頂部會顯示標題文字。那IS我想要什麼,但我不想要的是溢出。無論如何在圖片窗口中綁定該文本並在其上放置滾動條?

如果是這樣,我甚至可以使用名爲uscrollbar的jquery插件在其上放置自定義滾動條。要使用它,你只需要做:

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

回答

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/

+0

好吧,我想我的後續問題是,如何我應用自定義滾動條? –

+0

啊..好的。現在* *可能需要一個插件。 :-) – techfoobar

+0

嗯,我有這個插件,它是uscrollbar。我在我的網站的其他部分使用它。但我想知道如何將它應用到這個文本窗口。有任何想法嗎? –