Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Need javascript to auto-scroll to the target html element after page loads

Tags:

javascript

I'm backend developer, new to javascript. Can anyone provide a few lines of script that will allow the page to auto-scroll to the "target" element after the page loads

<html>
<bod>

<p id="target">...</p> // auto-scroll here

</bod>
</html>

Thanks

like image 392
Jason Avatar asked Feb 16 '11 06:02

Jason


1 Answers

You can use scrollIntoView on the element in window.onload event..

In your case you would be doing:

window.onload = function() {
    var el = document.getElementById('target');
    el.scrollIntoView(true);
}

Good docs can be found here: MDN scrollIntoView

like image 185
Yoeri Avatar answered Sep 19 '22 22:09

Yoeri