Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Doesn't work inside iframe on iOS (workaround found) #59

Open
GordanRatkovic opened this issue Feb 1, 2017 · 4 comments
Open

Doesn't work inside iframe on iOS (workaround found) #59

GordanRatkovic opened this issue Feb 1, 2017 · 4 comments

Comments

@GordanRatkovic
Copy link

Tested with the demo page

@ragefuljoe
Copy link

Tested a project we're working on, and same issue, no events in iOS if iframed. Has this been acknowledged?

@stutrek
Copy link
Owner

stutrek commented Aug 3, 2017

If you make a PR and I'll almost definitely accept it.

@ragefuljoe
Copy link

ragefuljoe commented Aug 4, 2017

@GordanRatkovic Dunno if you ever figured it out, but for anyone else having this issue, it is not problem with scrollMonitor, but rather how ios safari handles iframes.

The iframe size is not properly sized, and just ends up taking up the entire content size. This causes the animations to all be "in view" at load.

Solution is to wrap all of the content in the iframe src (not in iframe) and give this wrapper the style
#wrap { position: fixed; top: 0; right:0; bottom:0; left: 0; overflow-y: scroll; -webkit-overflow-scrolling: touch; }

@stutrek I think this issue can be closed

@stutrek
Copy link
Owner

stutrek commented Aug 4, 2017

Thanks for figuring it out. I'll leave this issue open for anyone else with this problem.

@stutrek stutrek changed the title Doesn't work inside iframe on iOS Doesn't work inside iframe on iOS (workaround found) Nov 5, 2017
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants