How to scroll smoothly with jQuery

Please notice: there’s an updated version of this snippet.

Check out the new version Smooth Scroll Effect to anchor – jQuery.

We will add a jQuery function to create smooth scroll in our anchor links.

jQuery Animate

You can customize the speed of the effect.

Change the 2000 for 1000 (faster) or 5000 (slower).

Download Demo

Full Code


3 Responses to “How to scroll smoothly with jQuery”

  1. Marcus June 23, 2011 at 4:46 pm #

    Itยดs broken in Google chrome v12

    • quicoto June 23, 2011 at 4:50 pm #

      Ouch, that’s right Marcus. Even updating the jQuery ๐Ÿ™

      It worked before, I’ll try to find a solution.

      EDIT: Works on Firefox 5 and IE8.

      Thanks for reporting ๐Ÿ˜‰

  2. CCTV September 6, 2012 at 4:19 pm #

    Yes it was working perfect and now it is not working.
    It is the simplest code you can find online. Any idea of a fix? Thanks

Leave a Reply

Add <code> Some Code </code> by using this tags.