Scrolling behaviour when cursor enters an iframe

[pixelninja]

Thanks for the awesome plugin! I couldn't find any past issues about this so apologies if it's a duplicate.

Environment

• Browser: Chrome v63
• Version of smooth-scrollbar: Latest

Issue Summary

Scrolling over an iframe stops expected scroll behaviour, Mac OS Sierra Chrome 64

Current Behavior

Smooth Scrollbar initiated on a parent wrapper, scrolling down the page works fine. Halfway down the page is an embedded iFrame of a tool the user can interact with. Once the user enters this iframe with their cursor, the page is no longer scrollable until they mouse out of the iframe container.

Expected Behavior

Expected behaviour would be to continue scrolling the page as normal. The aforementioned iframe is a 100% height tool so there is no scrolling. That being said, a scrollable iframe you wouldn't want that to happen.

Is there a way perhaps, to keep normal scroll behaviour when the cursor moves over the iframe if the iframe has the attribute scrolling set to no?

Steps to Reproduce

Create a content page, embed an iframe half way. Scroll down so the cursor falls over the iframe. Scrolling stops once it has entered the area.

Online demo

http://codepan.net/gist/358598680c7e0fed4b699c61ea8fe6d3

[idiotWu]

I'm afraid it's not possible to capture events inside an iframe from outside document :/

[patrick336]

Still don't we have idea for this issue ?

[stephanoshadjipetrou]

Same issue as well 👀

[olalowbeer]

Does someone have a workaround for this issue?

[RubenReuring]

I would suggest using video.js. This is working perfectly for me.