Comments on: Animated Scrolling with jQuery 1.2

By: Karl Swedberg

Karl Swedberg — Thu, 15 Dec 2011 01:42:21 +0000

Hi Ryan,

You might want to try out my smooth-scroll plugin since this article is “deprecated.”

http://github.com/kswedberg/jquery-smooth-scroll

By: ryan

ryan — Wed, 14 Dec 2011 04:53:23 +0000

Having a little trouble with this and hoping I can get some help. It seems to be partially working.
Here is the link
http://fourcemag.kenaesthetic.com/homme/index.htm
look at the designers and brands box. I modified the code to follow an A instead of a P but I still get the page scroll but a little animation… ?
Thanks

By: Excellent tips on JQuery « Itmyprofession's Blog

Excellent tips on JQuery « Itmyprofession's Blog — Sun, 23 Oct 2011 09:27:29 +0000

[...] Animated Scrolling with jQuery 1.2 [...]

By: Karl Swedberg

Karl Swedberg — Mon, 01 Aug 2011 19:35:03 +0000

Thanks, Ben.

There are a number of good books out there. jQuery in Action 2nd edition is solid. My co-author and I are finishing up the 3rd edition of Learning jQuery, which is great for beginners. The new edition will have some more advanced chapters as well.

By: Ben H

Ben H — Mon, 01 Aug 2011 18:58:41 +0000

Karl,

Great post; I’ve actually just started getting into jQuery. I was gonna ask if there were any books that you’d recommend for a beginner like myself? Something like jQuery for dumbies?

By: tuba

tuba — Mon, 27 Jun 2011 17:13:17 +0000

Thank you for your nice tutorial, although I was looking for to scroll horizontally. I have got something : http://plugins.jquery.com/project/SmoothDivScroll and http://www.smoothdivscroll.com/, hope this will help some people. Thanks!

By: rod

rod — Mon, 29 Nov 2010 20:57:42 +0000

This is awesome, Just downloaded the lates version of the plugin and it works like a charm. I’m already testing it everywhere in once of my webpages. thanks!

By: Metin METE

Metin METE — Wed, 20 Oct 2010 21:58:50 +0000

hi karl… i’ve tried so hard but i could not . IDs in transition to different pages, how to add animation?

thanks

By: th3mon

th3mon — Wed, 20 Oct 2010 11:20:24 +0000

Thanks for all guys! But... If you must have some space above element I add some attribute to function:


jQuery.fn.extend({
    scrollTo : function(speed, easing, val) {
        return this.each(function() {
            var targetOffset = $(this).offset().top + val;
            $('html,body').animate({
                scrollTop: targetOffset
            }, speed, easing);
        });
    }
});

And you put somethig like this:

$('#element').click(function(){
        $('#target').scrollTo('slow','swing',-20);
    });

By: Karl Swedberg

Karl Swedberg — Sun, 26 Sep 2010 18:07:25 +0000

It’s only complex because it attempts to handle some edge cases. If you know how you’re writing your hrefs and you’re sure that the elements you’re linking to exist, then you can simplify it quite a bit. Also, this is an outdated version of the script, as noted in the entry.