2010-11-30 69 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 
}); 
相关问题