Scroll to the top of the page using JavaScript/jQuery?
I've a <button>
on the page, when this button is pressed a hidden <div>
is shown using jQuery.
How do I scroll to the top of the page using a JavaScript/jQuery command in that function? It is desirable even if the scroll bar instantly jumps to the top. I'm not looking for a smooth scrolling.
Javascript
jQuery
- asked 7 years ago
- G John
3Answer
All of these suggestions work great for various situations. For those who find this page through a search, one can also give this a try. JQuery, no plug-in, scroll to element.
$('html, body').animate({
scrollTop: $("#elementID").offset().top
}, 2000);
- answered 7 years ago
- Community wiki
If you don't need the change to animate then you don't need to use any special plugins - I'd just use the native JavaScript window.scrollTo method -- passing in 0,0 will scroll the page to the top left instantly
window.scrollTo(x-coord, y-coord);
Parameters
- x-coord is the pixel along the horizontal axis.
- y-coord is the pixel along the vertical axis.
- answered 7 years ago
- Community wiki
If you do want smooth scrolling, try something like this:
$("a[href='#top']").click(function() {
$("html, body").animate({ scrollTop: 0 }, "slow");
return false;
});
That will take any <a>
tag whose href="#top"
and make it smooth scroll to the top.
- answered 7 years ago
- Community wiki
Your Answer