Disable Background scroll

  • Resolved borderlive

    (@borderlive)


    9 years, 3 months ago

    Hi

    First thank you for the plugin.

    I’m using it with Divi and fullpage.js. I’m having an issue that seems common, but can’t get it solved.

    Mouse or keyboard scrolling when a popup is open scrolls the popup as well as the background. And I don’t want the background to move.

    I’ve set up hidden overflow with :

    .pum {
    overflow: hidden;
    }

    and tried every combination with overlay and fixed position.

    Here’s an example with this simple image :

    Example

    Do you have any tips?

    Thank you

    Jo

Viewing 8 replies - 1 through 8 (of 8 total)
  • waltmesser

    (@waltmesser)

    9 years, 3 months ago

    @borderlive

    Sorry you’re having difficulties, I’m sure we can this resolved.

    Where can I trigger the popup in question?

    Thank you for being patient.

    Thread Starter borderlive

    (@borderlive)

    9 years, 3 months ago

    Hi, it’s on the link I provided on the first message, which you can find below:

    http://www.scene11.com/chapitre-3/#3-4

    It’s the newspaper. It opens bigger in the popup when clicked.

    Thank you for your answer.

    Jo

    waltmesser

    (@waltmesser)

    9 years, 3 months ago

    @borderlive

    Thanks.

    I believe this is directly related to your theme, I’m going to have our Lead Dev @danieliser take a look as soon as possible.

    Thread Starter borderlive

    (@borderlive)

    9 years, 3 months ago

    That’s very kind of you, waiting for you to come back!

    waltmesser

    (@waltmesser)

    9 years, 3 months ago

    @borderlive

    Run through the solutions in this doc and see if any of those fix the issue. No promises, but it’s worth a shot.

    For some reason, the full page sites like this don’t seem to play nice with Popup Maker.

    Hope that helps!

    Plugin Author Daniel Iser

    (@danieliser)

    9 years, 3 months ago

    @borderlive – I’m going to weigh in here as I think I know what the issue is, but not sure it can be solved without changing how fullpage.js is either set up or coded.

    Haven’t looked so this is just my early 2 cents based on experience. It sounds like that library is hijacking all $(window).scroll events, when it should only be targeting something like $(‘#wrap’).scroll which would allow things outside the <div id=”wrap”> to scroll correctly.

    If they do globally take over the scroll functions without properly filtering to make sure the scroll event is on a valid section of the site then there isn’t much we can do from our end or yours to fix it.

    Thread Starter borderlive

    (@borderlive)

    9 years, 3 months ago

    Thanks to you both,

    @waltmesser I tried the tips from the doc but it didn’t change anything.

    @waltmesser @waltmesser Indeed, I think the plugin is messing the whole thing up.

    As I don’t really have time to look deep into fullpage.js, I found a substitute using only css animations : scale up on hover with the right origin.

    I still keep popup maker for my page not using fullpage.js, and it works like a charm !

    Thank you again.

    Jo

    Plugin Author Daniel Iser

    (@danieliser)

    9 years, 3 months ago

    @borderlive – Awesome! Happy I could help you out. Btw, If you have a moment, I would very much appreciate if you could quickly click that it Works for you and rate the plugin, just to help us spread the word.

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

The topic ‘Disable Background scroll’ is closed to new replies.