Disable scrolling of parent page when using inline content

  • Resolved tomramsden

    (@tomramsden)


    7 years, 1 month ago

    Hi,

    I have been playing with your plugin and created an example page of what I am trying to achieve.

    I have noticed however that when the page itself has scrollable content (I’ve duplicated my content currently to showcase this) when content is called via FancyBox, users can still scroll the page behind the content.

    I have come across this old post (link) where you advised to use the code;-

    .fancybox-active { overflow: hidden }

    However putting this into my Custom CSS field doesn’t seem to do anything.

    Please would you be able to advise how I can disable scrolling on the parent page when a lightbox is open?

    Many thanks and brilliant work on the plugin!
    Tom

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Rolf Allard van Hagen

    (@ravanh)

    7 years, 1 month ago

    Hi, that code still works. But on your site, the scroll bar is created by a script called something like Nicescroll. It looks like it’s provided by the Avada theme or Siteground Optimize (or both). Maybe there is a theme option to disable the script?

    Your site should then revert to the default browser scroll bars and the CSS should start working.

    Thread Starter tomramsden

    (@tomramsden)

    7 years, 1 month ago

    Hi RavanH, that was exactly it, thank you!

    It is a feature within Avada called Smooth Scroll which I needed to turn off, doing so and having the below code in has worked a treat. Thank you 🙂

    .fancybox-active { overflow: hidden }

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

The topic ‘Disable scrolling of parent page when using inline content’ is closed to new replies.