W3Schools Tryit Editor

<!DOCTYPE html>
<html>
<body>

<h1>The Window Object</h1>
<h2>The scrollBy() Method</h2>

Click to scroll the document.

<button onclick="scrollWin()" style="position:fixed">Scroll 100px vertically!</button>

<h3>Some line breaks to enable scrolling:</h3>
 
 
 
When I find myself in times of trouble
 
 
 
Mother Mary comes to me
 
 
 
Speaking words of wisdom, let it be
 
 
 
And in my hour of darkness she is standing right in front of me
 
 
 
Speaking words of wisdom, let it be
 
 
 
ROCK AND ROLL
 
 
 
SCROLL SCROLL SCROLL
 
 
 
ROCK AND ROLL
 
 
 
SCROLL SCROLL SCROLL
 
 
 
ROCK AND ROLL
 
 
 
SCROLL SCROLL SCROLL
 
 
 
ROCK AND ROLL
 
 
 
SCROLL SCROLL SCROLL
 
 
 
ROCK AND ROLL
 
 
 
SCROLL SCROLL SCROLL

</body>
</html>

​x
 
<!DOCTYPE html><html><body>​<h1>The Window Object</h1><h2>The scrollBy() Method</h2>​<p>Click to scroll the document.</p>​<button onclick="scrollWin()" style="position:fixed">Scroll 100px vertically!</button><br><br>​<h3>Some line breaks to enable scrolling:</h3><br><br><br><p>When I find myself in times of trouble</p><br><br><br><p>Mother Mary comes to me</p><br><br><br><p>Speaking words of wisdom, let it be</p><br><br><br><p>And in my hour of darkness she is standing right in front of me</p><br><br><br><p>Speaking words of wisdom, let it be</p><br><br><br><p>ROCK AND ROLL</p><br><br><br><p>SCROLL SCROLL SCROLL</p><br><br><br><p>ROCK AND ROLL</p><br>