Javascript Window scrollTo() Method
Last Updated :
26 Dec, 2022
The Window scrollTo() method is used to scroll to a particular set of coordinates in the document.
Syntax:
window.scrollTo(x-coord, y-coord)
Parameters: The scrollTo() method accepts two parameters as described below:
- x-coord: It is the pixel along the horizontal axis of the document that is displayed in the upper left. It is the required field.
- y-coord: It is the pixel along the vertical axis of the document that is displayed in the upper left. It is the required field.
Return Value: This function does not return anything.
Example: In this example, we will implement the window.scrollTo() method on clicking a button.
html
< body style="width: 5000px;
height: 5000px;
margin-left: 260px;">
< h1 style = "color:green;" >
GeeksforGeeks
</ h1 >
< h2 >
Window scrollTo() Method
</ h2 >
< p >
A computer science portal for geeks.
</ p >
< button onclick = "geek()" >Click to scroll!</ button >
< script >
function geek() {
//Scrolling the document to position "250"
//horizontally and "110" vertically
window.scrollTo(250, 110);
}
</ script >
</ body >
|
Output:
We have a complete list of HTML DOM methods, to check those please go through the DOM Complete Reference article.
Supported Browsers: The browser supported by the Window scrollTo() Method are listed below:
- Google Chrome 1 and above
- Edge 12 and above
- Internet Explorer 4 and above
- Firefox 1.0 and above
- Opera 4 and above
- Safari 1 and above
Share your thoughts in the comments
Please Login to comment...