perfect-scrollbar icon indicating copy to clipboard operation
perfect-scrollbar copied to clipboard

Published 20 hours ago • verified publisher icon mdbootstrap

Iframe disables scroll

Open followalter opened this issue 5 years ago • 4 comments

Hi there,

I have an issue with the ps scroll in a site I built. Whenever the user hovers over an iframe, for instance a youtube embed, the scroll doesn't work anymore. You can view this issue here: https://littlefragments.com/theaterartemis2/voorstelling.php.

I placed elements over the biggest part of the video to sort of fix this, but for instance, when you hover over the progress bar in the video (where the divs are not over the embed) the scroll doesn't work anymore. Now the parent of the scrollable element has a transform on it. Is that maybe the reason this happens?

Best, Tom

followalter avatar Oct 28 '19 14:10 followalter

As I can see, everything is working well. Did you fix it already?

mattonit avatar Jan 15 '20 12:01 mattonit

Screenshot 2020-01-15 at 13 56 33 Could you try putting your mouse on the part of the iframe in the image? Scroll doesn't work for me there, on both mac chrome and mac safari for example.

followalter avatar Jan 15 '20 12:01 followalter

Hi, there! I'm having this same problem: when the pointer is over an iframe the scroll doesn't work. I also tested the link Tom provided and could verity the same issue. 😕

edit: I made a jsfiddle where you can see the bug happening: https://jsfiddle.net/408jd3p1/

diogocorrea avatar Feb 27 '20 21:02 diogocorrea

That's a way more simple example than I have in my site. Thanks for adding.

followalter avatar Apr 08 '20 09:04 followalter