How to Make Objects/Elements Rotate Whenever a Page is Scrolled Down or Up


#1

Hey all. I’m relatively new to Hype (and website design in general) and I was just wondering if it’s possible to make objects rotate (on their center axis) as a page is scrolled down or up? For example, I’m thinking of making my menu icon rotate clockwise as my page is scrolled downward and then rotate back the opposite direction (i.e. counter-clockwise) whenever the page is scrolled upwards. How would you go about setting this up in Hype Pro?


(Mark Hunte) #2

There are plenty of example using scroll on the site which you can search for.

This quick example uses two bits of code from @DBear.

fixedAndOnScrollSpin.hype.zip (18.1 KB)