Search code examples
javascriptjquerycsscolorbox

Scrolling Colorbox in IE

I'm using ColorBox's Ajax mode.

<a class='data-content' href='data/<?=$id?>'> <img src=uploads/thumb_<?=$img?> /> </a>

     <script type="text/javascript"> 

      $(document).ready(function(){

        $(".data-content").colorbox({
              transition: "none",
              title: false,
              width: "700px",
              top: "10px",
              loop: false,
              scrolling: false
        });

      });

     </script>

After clicking on photo thumb it loads colorbox with photo and other content. Usually it's height is larger than screen. So scrollbars appear. With other browsers (Mozilla, Chrome) I can scroll up and down and see all content in box with no problems.

When scrolling with IE8 colorbox stays in the same place and instead that background scrolls. So I can't see all content.

Here is an example. Actually it's the default Colorbox example.

Any ideas on what may be causing the problem?

Solution

  • Problem is solved with new colorbox update:

    Thank you @Jack.