jQuery Forum

i'm pretty new to jquery, however i would like to do this kind of animation-anchor-scrolling. Here a perfect example (made with flash): http://www.colorado-house.com/

I research on the web and what i found is this, using this plungin http://gsgd.co.uk/sandbox/jquery/easing/ :

1. $(function () {
2. $('ul.nav a').bind('click', function (event) {
3. var $anchor = $(this); /* if you want to use one of the easing effects: $('html, body').stop().animate({ scrollLeft: $($anchor.attr('href')).offset().left }, 1500,'easeInOutExpo'); */
4. $('html, body').stop().animate({
5. scrollLeft: $($anchor.attr('href')).offset().left
6. }, 1000);
7. event.preventDefault();
8. });
9. });

i've already seated all my page on a big grid layout (fixing the header) and tried the above code but it seems that it just scroll a certain distance (no matter where you are located on the page), and just horizontal. Would be perfect if i can set as target the "box" between columns and rows

Somebody can help me?