Keep Colorbox always centered on scroll

javascript css colorbox
Jason picture Jason · Nov 30, 2010 · Viewed 8.8k times · Source

When using thickbox if a user scrolled vertically the thickbox would always stay centered. However with colorbox if they scroll they lose site of the colorbox and just see a grayed out background. How can I update colorbox to have the same functionality where it maintains position on the screen regardless of user scrolling.

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

resize your window to have a vertical scrollbar and scroll and you can see the difference.

Thanks

Answer

s427 picture s427 · Sep 16, 2011

I may be a bit late, but FYI you can simply use the "fixed" option in your colorbox declaration. This option is "false" by default. If you set it to "true" you get the result you want:

$('#my_box').colorbox({
    fixed: true
 });

Related questions

How do I add a class to a given element?

I have an element that already has a class: <div class="someclass"> <img ... id="image1" name="image1" /> </div> Now I want to create a JavaScript function that will add a class to the div (…

Read More
Retrieve the position (X,Y) of an HTML element relative to the browser window

I want to know how to get the X and Y position of HTML elements such as img and div in JavaScript relative to the browser window.

Read More
Set cookie and get cookie with JavaScript

I'm trying to set a cookie depending on which CSS file I choose in my HTML. I have a form with a list of options, and different CSS files as values. When I choose a file, it should be saved …

Read More