JavaScript Program to Scroll Webpage Using scrollTo() method

JavaScript Program to Scroll Webpage Using scrollTo() method

Write a JavaScript program to scroll webpage using "scrollto()" method.



Source Code
<html>
<head>
    <title>scrollTo() method</title>
    <script>
        function init()
        {
            scrollTo(80, 150)
        }
    </script>
</head>
<body onload="init()">
<h1>Javascript | Window scrollTo() Method</h1>
<p>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.
</p>
<pre>
Example:

<html> 

<head> 
<title>Window scrollTo() Method</title> 
<style> 
body { 
width: 5000px; 
height: 5000px; 
margin-left: 260px; 
} 
</style> 
</head> 

<body> 
<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> 

</html> 
</pre>
<pre>
Output:
Before clicking the button:
scrollTo
After clicking the button:
scrollTo
Supported Browsers: The browser supported by Window scrollTo() Method are listed below:
</pre>
</body>
</html>
Output