Scroll to Top of the Page Using JavaScript

Published: 05 Nov, 2023 Asked By 3 Answers Answered

Scroll to top of the page using Javascript

js scroll to top

3 Answers

Amarjith AG Community Contributor Answered on 20 Dec, 2023

You can use the window.scrollTo() method in JavaScript to scroll to the top of the page. Here's an example:

javascript
window.scrollTo({ top: 0, left: 0, behavior: 'smooth' });

This code will smoothly scroll the page to the top-left corner. Adjust the behavior parameter to 'auto' for an instant scroll or 'smooth' for a smooth animated scroll.

Sooraj Community Contributor Answered on 20 Dec, 2023

To scroll to the top of the page using JavaScript, you can use the window.scrollTo() method or window.scroll() method. Here's an example:

javascript
// Using window.scrollTo()
window.scrollTo({ top: 0, behavior: 'smooth' }); // Scrolls smoothly to the top of the page

// Using window.scroll()
window.scroll({ top: 0, behavior: 'smooth' }); // Scrolls smoothly to the top of the page

Both methods will smoothly scroll the page to the top. Adjust the behavior parameter to 'smooth' for smooth scrolling or 'auto' for instant scrolling without animation.

LAZIO LEO Community Contributor Answered on 01 Feb, 2024

You can create a "scroll to top" functionality using JavaScript by setting the `scrollTop` property of the `document.documentElement` or `document.body` elements to `0`.

<button onclick="scrollToTop()">Scroll to Top</button>

<script>
function scrollToTop() {
// For modern browsers
document.documentElement.scrollTop = 0;

// For older browsers
document.body.scrollTop = 0;
}
</script>

Your Answer

Other Resources

Quiz

Test your knowledge with interactive quizzes.

Scroll to Top of the Page Using JavaScript

3 Answers

You can create a "scroll to top" functionality using JavaScript by setting the `scrollTop` property of the `document.documentElement` or `document.body` elements to `0`.

<button onclick="scrollToTop()">Scroll to Top</button>

<script>
function scrollToTop() {
// For modern browsers
document.documentElement.scrollTop = 0;

// For older browsers
document.body.scrollTop = 0;
}
</script>

Your Answer

Other Resources

Quiz

Test your knowledge with interactive quizzes.

Interview Questions

Q&A

Certification

Internships

Quiz

Interview Questions

Blogs

Certifications

Scroll to Top of the Page Using JavaScript

3 Answers

You can create a "scroll to top" functionality using JavaScript by setting the scrollTop property of the document.documentElement or document.body elements to 0.

<button onclick="scrollToTop()">Scroll to Top</button>

<script> function scrollToTop() { // For modern browsers document.documentElement.scrollTop = 0;

// For older browsers document.body.scrollTop = 0; } </script>

Your Answer

Other Resources

Quiz

Test your knowledge with interactive quizzes.

Interview Questions

Q&A

Certification

Internships

Quiz

Interview Questions

Blogs

Certifications

You can create a "scroll to top" functionality using JavaScript by setting the `scrollTop` property of the `document.documentElement` or `document.body` elements to `0`.

<script>
function scrollToTop() {
// For modern browsers
document.documentElement.scrollTop = 0;

// For older browsers
document.body.scrollTop = 0;
}
</script>