Jump to content
Search Community

Using ScrollMagic GSAP animation inside of an Iframe

Mr. Creative test
Moderator Tag

Recommended Posts

The ad test page

https://interactive.partnerscreative.com/banners/TEST/adpage/

The ad link itself to see how the animation works.

https://interactive.partnerscreative.com/banners/TEST/test/test.html

 

On this test page we made, we have embedded an iframe with a link to an "ad" we have made that is using a GSAP animation triggered via ScrollMagic. I have seen a few other posts on the forum here about getting outside of an iframe and whatnot, however we wont have access outside of our own html once the ad is served in the wild. The animation only scroll triggers when hovered over the iframe because of this. How can we trigger the scroll animation based on scrolling without a cross origin request?

Link to comment
Share on other sites

No thats the whole point is that I want an animation in the iFrame to trigger and react to the scrolling on the main body of the page it is in. Like I said above "The animation only scroll triggers when hovered over the iframe because of this.

 

Desired effect - as you scroll down the page and the ad comes into view, this trigger animations with scroll magic that can then be reversed as you scroll back up the page. 

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...