I have a long scrolling page. On this scrolling page is an iframe that has a media app that has media that zooms in and out when it receives a scroll event.
If a user is using the mousewheel to scroll the pareent page, eventually they will hit the iframe, at which case the page will stop scrolling and the iframe will zoom into the media app very far.
If I disable mouse events for the iframe, then the user can never zoom in or click around the media app.
Is there a way to prevent default scroll action on iframe and have it only occur when the iframe is active?