I’m developing a very animation heavy, one page website atm and I’m trying to find tutorials and/or code on the subject.
The website is basically built in several sections that all reside on a canvas. The user should be able to scroll to different sections on the canvas and also expand sections so that they take up the entire viewport.
It’s similar to many other one page sites out there but you should be able to scroll in all kinds of directions and and like I said certain sections should be expandable.
I’m ideally looking for a jQuery plugin/framework that allows for this type of animation. Of course I need it to be accessible and preferably lightweight (I don’t need a bunch of stuff built in, just URL handling etc).
I’ve googled and checked other sites as well as considered coding this all myself, but if someone has recently done something similar or knows of a promising framework I’d love to know.
Edit: It would be awesome if the framework also supports animating objects in the sections themselves. So that text and images could slide in from the sides after a section has been scrolled to.
Cheers
If anyone’s interested I ended up using jQuery.scrollTo along with jQuery.localScroll. I had to make a minor change to localScroll to allow for a .selected-class on the link that was last clicked. I also built a little system for handling horizontal sections. It all turned out quite alright.