How to "Scroll Synchronize" using Scroll Magic

Using JavaScript with Hype
3

These are just a few examples of controlling timelines as you scroll and the javascript is just:

window.onscroll = function (event) {
	
	var scrollAmount = scrollY;
	hypeDocument.goToTimeInTimelineNamed(scrollAmount * 0.006, 'animation1')
	hypeDocument.goToTimeInTimelineNamed(scrollAmount * 0.006, 'animation2')
}

Simples!

There are some added things like “on viewport” actions and so on but you get the idea.

They are just quick demos and not complete projects. Just to get the point across.

http://hype-expert.uk/portfolio/parallaxScroll+Navbar-DBear-v1/

http://hype-expert.uk/portfolio/parallax3/