Animate scroll to ID on page load

Question

Im tring to animate the scroll to a particular ID on page load. I have done lots of research and came across this:

$(\"html, body\").animate({ scrollTop: $(\         


        

Answer 1

There is a jquery plugin for this. It scrolls document to a specific element, so that it would be perfectly in the middle of viewport. It also supports animation easings so that the scroll effect would look super smooth. Check this link.

In your case the code is

$("#title1").animatedScroll({easing: "easeOutExpo"});