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.
$('a[href*="#"]').on('click', function(e) {
e.preventDefault()
$('html, body').animate(
{
scrollTop: $($(this).attr('href')).offset().top,
},
500,
'linear'
)
})