iframe inside with content fixed height not getting scrolled using mouse wheel

[andrewjoypappu]

referring to:

This is a weird bug but all custom scroll plugins like nicescroll , perfectscrollbar , or even jScrollPane have the same issue , whenever an iframe is embedded with the container to be scrolled , the iframe never listens to mouse wheel event neither touch swipe events ( to scroll on mobile devices ) , searched everywhere to find a solution seems that people have submitted issues on plugins pages , but no one realised that it is a universal bug not a bug from the plugin itself.
http://stackoverflow.com/questions/27912728/firefox-iframe-custom-scroll-bug

[Jeeosch]

+1 since I really find this annoying.

[inuyaksa]

Related to #322 fixed with the new iframehelper script (in dist folder)

[sonans202]

Hi Inuyaksa, thanks for the nice plugin! But It's not working for me when trying to iframe cross origin domain, im using jquery.nicescroll.iframehelper.js, showing this error in chrome:

---

Uncaught DOMException: Blocked a frame with origin "" from accessing a cross-origin frame. at HTMLBodyElement.onwheel() onwheel @ jquery.nicescroll.iframehelper.js:33

---

Is it solved? Because for Jeeosch case were within the same domain. Thanks~

[inuyaksa]

Hi, with content from other domains is a problem to resolve this issue.
Do you have an example I could check?

[sonans202]

Thanks for the reply! Here is my testing site and code:

This is the page using iframe:
http://xidelang.listedcompany.com/test.rev

You can try to mouse hover and scroll the iframe content, the parent window won't scroll but the scroll work just fine when mouse hover outside the iframed content.

This is the content of the iframe using jquery.nicescroll.iframehelper.js:
http://samplemynew.listedcompany.com/includes/integration_external_news_summary.html

[alana314]

Also having this with a youtube embed.

[inuyaksa]

Youtube use iframes, then wheel events has stealed from iframe undetectable from javascript on page.
Old but actual similar issue:
https://stackoverflow.com/questions/31418920/vimeo-iframe-stealing-mouse-wheel-event-on-firefox

[ccrstudio]

sonans202 Let me give you a try to fix it: insted of using iframe use div:

<style> div.scroll { overflow-y: auto; } div class="scroll" > div class="content" > print the html code´s other page here. I use php |include|. there are many ways /div>/div> It helps my using other page´s content along nicescroll In web chrome: OK!! In mobile chrome: OK!! But when

has overflow bar, due to div class="content" > overflows div class="scroll" >´s max-height, it changes: In web chrome: OK!! In mobile chrome: :-(