fancybox2 / fancybox causes page to to jump to the top

jquery css fancybox-2
sheriffderek picture sheriffderek · Nov 25, 2012 · Viewed 80.7k times · Source

I have implemented fancybox2 on a dev site.

When I engage the fancybox (click the link etc) the whole html shifts behind it - and goes to the top. I have it working fine in another demo, but when I drag the same code to this project it jumps to the top. Not only with the links to inline divs, but also for simple image gallery.

Has anyone experienced this?

Answer

Dave Kiss picture Dave Kiss · Mar 9, 2013

This can actually be done with a helper in Fancybox 2.

$('.image').fancybox({
  helpers: {
    overlay: {
      locked: false
    }
  }
});

http://davekiss.com/prevent-fancybox-from-jumping-to-the-top-of-the-page/

Related questions

JQuery Fancybox not working

I've followed the directions, but Fancybox isn't working right. I think I need some extra eyes to tell me what I am doing wrong. Any Ideas? HTML The code: <h1><a id="v" class= "letter fancybox" data-fancybox-group="…

Read More
jQuery: Center fancybox in viewport

I am currently using fancybox version 2 to display my images when a thumbnail is clicked but I can't seem to get the fancybox to sit in the middle of the viewport, vertically speaking, since horizontally it's fine. I've tried quite …

Read More
How to replace default controls with custom buttons in Fancybox 2.1.5?

In Fancybox 2.1.5 I want to replace the default controls with my custom buttons (new preloader + close/next/prev buttons on sprite). I'm not sure how to adjust the css code properly. I tried to modify the CSS as follows, but …

Read More