Fullpage.js: How to scroll over iframe

[VictorChen]

Description

Scrolling while hovering over the iframe doesn't actually scroll the page.

Link to isolated reproduction with no external CSS / JS

https://jsfiddle.net/ens43v4o/17/

Steps to reproduce it

1. Scroll down to second section
2. Hover mouse over the iframe content
3. Scroll up/down (doesn't work)

Working example (without fullpage.js)

https://jsfiddle.net/gjxxugfs/3/

---

The default behavior without fullpage.js works (can scroll while hovering over iframe). This makes me think that fullpage.js is doing something that's preventing it from working. Is there ANY way I can temporary turn off fullpage.js's scroll hijacking so that this example will still work?

[SergProduction]

collided with this problem. I could not find a solution

[VictorChen]

@SergProduction I closed this because it's a duplicate of https://github.com/alvarotrigo/fullPage.js/issues/2229

Unfortunately... not sure if there is a workaround...

[webdevyaros]

@SergProduction @VictorChen
Try my solution: https://jsfiddle.net/th0LxLbv/2/ - seems it works.

[alvarotrigo]

@webdevyaros no it doesn't? http://jsfiddle.net/q884Lv0a/26/

[AmanSahota]

Hey Guys, simply use the <video> tag and direct urls from vimeo or youtube.. works perfect.

[VictorChen]

@AmanSahota I need to show an iframe of another website, not just a video

[t7team]

I found solution by JavaScript

https://codepen.io/t7team/pen/KOPqqV

[kirkbross]

The issue with @webdevyaros' solution is that you can't click anything under the .wrapper::after CSS pseudo element. I have a form in my iframe so it needs to be clickable and fp scrollable.

[alvarotrigo]

@kirkbross if it needs to be scrollable, then how are you suppose to decide if you want to scroll your iframe or the whole page?