this content was originally posted here.
animate stuff detecting window scroll position
This is a bit of a continuation of this post. detect window scroll position jquery
- detect scroll position
- jquery includes
- foundation essentials includes (just for the demo layout)
- margin padding framework (just for the demo layout)
wow thats a bit of stuff! :)
in this post i will animate some divs depending on the scroll position of the window
this can be can be good for pages where you want a little bit more interest for the elements as the page is scrolled
i will do just a basic page layout using the foundation grid
This example works best if you load it in a seperate window, as the animation might run early in the iframe so you wont see it.