Comments

Smooth Scroll to ID with jQuery

javascriptjquery
This post has been archived. It was written in 2017, and the tools and concepts it covers belong to an earlier era of the web.

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) {
  e.preventDefault()

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

Comments