Search code examples
javascriptjqueryscrolllightboxfancybox

Fancybox force scroll to top


I'm using the jQuery Fancybox plugin to display some content on a website. Unfortunately, when a link is clicked, the lightbox that is loaded starts at the same scroll position as the previous one. I tried using self.scrollTo(0,0) $.scrollTo(0) $('#top').scrollTo();

and a few others methods to push it back to the top, but none have seemed to work. Any help on this?


Solution

  • Does Fancybox have some sort of a callback? The reason I ask is, the lightbox is probably resetting the scroll back to the same position it left of at, so you would need to somehow call the scrollTo after the lightbox is completely closed.

    Also, why not use scrollTop instead of the scrollTo (which I assume is the jQuery scrollTo plugin).

    Is this link inside the lightbox? When exactly are you calling scrollTo? Do you have some code to show what you are doing?

    Metropolis

    EDIT

    Try this

    $("#element").fancybox({
        onComplete: function() {
            $(document).scrollTop(0);
        }
    });