I’ve got a WordPress site with a lightbox popup plugin installed to play videos. It’s all working good except on mobile and in Safari. When on mobile, after clicking the play button which displays he popup, the page scrolls down automatically and you have to scroll back to the top of the page to see the video.

I’ve tried using e.PreventDefault() and returning false on the button’s click event, but that doesn’t seem to do anything. I’ve also tried adding overflow: hidden to the body and that’s not stopping the scrolling either. I’m at a loss here and am out of ideas.

Here’s a link to the site:

Read more here: Can’t Prevent Background From Scrolling on Lightbox Popup


Solution:

If you know the solution of this issue, please leave us a reply in Comment section, to update the question.


Wordpress related questions and answers: