2010-11-30 73 views
3

如果用戶使用厚盒子,如果用戶垂直滾動,厚框將始終保持居中。但是,如果用colorbox滾動,他們會丟失colorbox的位置,只會看到灰色的背景。無論用戶滾動,我如何更新colorbox以使其具有保持屏幕位置的相同功能。保持彩色顯示屏始終居中於滾動位置

http://colorpowered.com/colorbox/core/example1/index.html http://jquery.com/demo/thickbox/

調整窗口的大小有一個垂直滾動條,滾動,你可以看到其中的差別。

由於

+0

下面的響應正常工作,但colorbox總是停留在左上角。任何人都知道如何讓它集中在頁面上,而不是移動,然後瀏覽器滾動? – Jason 2010-12-01 15:14:24

+1

你仍然需要一個答案呢?我正在做的事情是從正確的初始化完成顏色盒的東西,它被建立到它保持居中,除非你明確指定不要。 – Relic 2012-02-06 19:57:42

回答

2

不同的是,使用的ThickBox的CSS位置是:固定以對準盒,而顏色框使用的相對位置。在colorbox.css文件中,嘗試將「#colorbox {}」行更改爲「#colorbox {position:fixed}」我在Firebug中測試了它,並且似乎解決了這個問題。

位置固定的CSS在IE6中不起作用。

17

我可能有點晚,但僅供參考,您可以在您的colorbox聲明中簡單地使用「固定」選項。該選項默認爲「false」。如果將其設置爲「true」,您將得到想要的結果:

$('#my_box').colorbox({ 
    fixed: true 
}); 
相關問題