Page is scrolling to top of page upon lightbox opening

  • Resolved aussieglen

    (@aussieglen)


    8 years, 2 months ago

    Hi there, we’re developing a site for a client and the plugin is working fine in every way… except that it is automatically scrolling up to the top of the back in the background, when the lightbox is opened.

    My developer says it’s to do with the javascript code inside the Foobox plugin.

    I’ve seen others having this issue, but no answers that I could find – including this one https://wordpress.org/support/topic/foobox-scrolls-single-page-site-to-top/

    How can we prevent the page from auto-scrolling up like this please?

    Thanks in advance.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author bradvin

    (@bradvin)

    8 years, 2 months ago

    Hi

    FooBox should not scroll to the top of your page, so there must be a conflict with another plugin or your theme.

    To help us locate this conflict, please include a link to your site which is having the problem.

    Please also ask your developer to add his findings to this thread, just to speed things up, as he has done an initial investigation.

    thanks

    Thread Starter aussieglen

    (@aussieglen)

    8 years, 2 months ago

    Thanks heaps for the quick reply, bradvin…

    The “in development” URL is here:
    http://77.104.142.156/~taloston/build/photo-gallery/marble-range/

    I suspect it’s conflicting with the theme’s standard plugins, which is a bit frustrating; I’ve disabled all the plugins I can leaving only these ones active & it’s still scrolling to the top:

    Contact Form 7
    FooBox Image Lightbox
    FooGallery
    Simple CSS
    Slider Revolution
    Webdevia main plugin
    WPBakery Page Builder

    NOTE: I suspect it’s the Webdevia plugin which is causing the conflict, because if I disable this plugin the site breaks (it’s part of this theme – https://themeforest.net/item/flooring-paving-and-tiling-services/19321502).

    I’ve asked my developer to provide her findings too. But at this stage I’m not sure if I need to be asking you guys, or the theme developers. I am happy to pay for support if this is not a “quick fix”, it’s only fair… just let me know what you need.

    Many thanks
    Glen

    Thread Starter aussieglen

    (@aussieglen)

    8 years, 2 months ago

    Quick update, my developer confirmed what I wrote above & didn’t have anything else to add.

    Let me know how you want to proceed with support on this one. We love the plugin, and the hassle of replacing it with an alternative is significant, so I’m keen to come to some agreement with you for resolving the scrolling problem.

    Thanks again
    Glen

    Plugin Author bradvin

    (@bradvin)

    8 years, 2 months ago

    hi Glen,

    We had a closer look. It turns out that it is a CSS conflict.
    A stylesheet in your theme (http://77.104.142.156/~taloston/build/wp-content/themes/flooring/bower_components/foundation/scss/foundation/components/_global.scss)

    Has this CSS:

    
html, body {
    height: 100%;
}

    And when FooBox opens, it hides the scrollbar of the page. Hiding the scrollbar of the page does not work well with the above css.

    You can disable the setting “Hide Page Scrollbars” on the FooBox settings page and it should then work as expected.

    Thread Starter aussieglen

    (@aussieglen)

    8 years, 2 months ago

    GENIUS!!!

    Thank-you so much, it’s working perfectly now 🙂

    5 star review coming your way… have a great weekend & thanks again.

    Glen

    Thread Starter aussieglen

    (@aussieglen)

    8 years, 2 months ago

    Closing now that this has been addressed.

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Page is scrolling to top of page upon lightbox opening’ is closed to new replies.