Smooth Scroll to ID with jQuery

Here's a quick snippet of jQuery code I use often when I need to smoothly scroll to an ID. Just change the 500 to whatever speed (in milliseconds) you want the page to scroll at.

View Demo

$('a[href*="#"]').on('click', function (e) {

  $('html, body').animate(
      scrollTop: $($(this).attr('href')).offset().top,

About the author

Hey, I'm Tania, a software engineer, writer, and open-sourceror. I publish articles and tutorials about modern JavaScript, design, and programming.

Get the newsletterBuy me a coffee