iFrames

[wazimshizm]

I really love this plugin! BUT I'm losing my mind trying to make this work with what I'm trying to do. I implemented the slideout menu on a mobile site, with touchevents (slide) only. The menu works flawlessly except on one page (my pages are actually divs) where I'm using an iFrame that I want to take up the entire screen. Everything works until then, but the touchevents get lost inside the iFrame and the menu bar can't be brought back because swiping has no effect.

I've tried:

• pointer-events:none, but this won't work because the iframe itself needs to be scrollable vertically, while I want horizontal swipes to bring back the menu
• overlaying a transparent div, maybe I'm doing it wrong but there's no way I've found to successfully pass-through the pointer-events/touch events while simultaneously listening for a horizontal swipe. it seems to be one or the other full stop.
• Posting a message from within the iframe, I never thought this would work anyway, the iframe is another domain (google calendar) but I tried putting the iframe within another html with the script and then calling that iFrame but of course nothing.
• Overlaying a div to catch events and forwarding them to the iFrame, this didn't work either.

I've spent hours on this and getting beyond frustrated at this point. I've done my research so now I'm here. please help!