Parallax Web Banners

[DBear]

@DevMD

I know you can create scrolling parallax banners which play the timeline as you scroll on the banner but how do you make the banner scrub through the timeline as the user scrolls on the actual webpage?

Off the top of my head I would say

1. get a value based off the scroll position (ex. scrollTop / 700) by running a script on your webpage.
2. use Hype's hypeDocument.goToTimeInTimelineNamed(amount, 'yourTimeline'); where amount is the value you got in 'a'.
3. Use the global Hype object to access the document from outside aka. a web page it's embedded in.
   e.g HYPE.documents['documentName'].goToTimeInTimelineNamed(amount, 'yourTimeline');
   Tumult Hype Documentation

This is just a theory and haven't tested. Your timeline and/or amount would have to be adjusted to get the right speed in comparison to the web page scroll. The trick is to know where the "banner" is so you can offset the amount by x seconds (amount-x) if it's way down the page for example.