Control "symbol timeline" scrolling

2

It is working.

But the setup on a non scrolling scene and using a timeline and scrollY is not working well as far as I can tell.

You may want to change the code and use the setElementPorperty 'RotateZ' to rotate the bar element.

This will also allow reverse a bit more simply
You will still have a problem with scrollY though. As it will st spring back when you stop.

code below does not use timelines.

	
	var symbolClock = hypeDocument.getSymbolInstanceById('clock');
	 
		window.onscroll = function () {
			
			var scrollAmount = scrollY;
			
			console.log(scrollAmount);
			 
	var secondsHand = symbolClock.element().querySelector(".secondsHand");
	hypeDocument.setElementProperty(secondsHand, 'rotateZ', (scrollAmount * 6))
		}

scrollClock_mhv1.hype.zip (24.5 KB)

I did not deep dive into this but I referenced one of my old posts

1 Like