This demo showcases the endless possibilities available. You can
have an unlimited number of "pages" under the vertical scrollable
and each of those pages can contain a scrollable of unlimited
size. Those scrollable items can contain anything - not just a
simple image. You can even build your whole website based on this
kind of system.
We have one vertical scrollable and three horizontal scrollables
nested inside the vertical one. Here is the HTML structure:
the keyboard: 'static' setting for the horizontal
scrollable. This means that the up/down arrow keys will always
control the scrollable although it has no focus. We use
the onSeek callback to give the left/right arrow keys
focus for the actively viewed scrollable.
Enclosing your call inside $(document).ready executes
the script right after the document is scriptable. Read more about
The new jQuery Tools book by Alex Libby explores the library in a
precise and structured fashion. If you are getting started on jQuery Tools or
looking for better ways to use the library, this book will be your ally.