4what - JavaScript

Specification

Window.scroll ^[1] | Window.scrollTo ^[1]

Window.scrollBy ^[1]

Element.scroll ^{Std
[1]} | Element.scrollTo ^{Std
[1]}

Element.scrollBy ^{Std
[1]}

Element.scrollIntoView ^[1]

Syntax

<div style="margin-top: 10px;">
					<button onclick="window.scroll(0, 0);">Window.scroll</button>
					<button onclick="window.scroll({ behavior: 'smooth', left: 0, top: 0 });">Window.scroll [Smooth]</button> 
				</div>

<div style="margin-top: 10px;">
					<button onclick="window.scrollBy(0, -document.body.scrollHeight);">Window.scrollBy</button>
					<button onclick="window.scrollBy({ behavior: 'smooth', left: 0, top: -document.body.scrollHeight });">Window.scrollBy [Smooth]</button> 
				</div>

<div style="margin-top: 10px;">
					<button onclick="document.getElementById('box').scroll(0, 0);">Element.scroll</button> 
					<button onclick="document.getElementById('box').scroll({ behavior: 'smooth', left: 0, top: 0 });">Element.scroll [Smooth]</button> 
				</div>

<div style="margin-top: 10px;">
					<button onclick="document.getElementById('box').scrollBy(0, -document.getElementById('box').scrollHeight);">Element.scrollBy</button> 
					<button onclick="document.getElementById('box').scrollBy({ behavior: 'smooth', left: 0, top: -document.getElementById('box').scrollHeight });">Element.scrollBy [Smooth]</button> 
				</div>

<div style="margin-top: 10px;">
					<button onclick="document.getElementById('box').scrollIntoView();">Element.scrollIntoView</button>
					<button onclick="document.getElementById('box').scrollIntoView({ behavior: 'smooth' });">Element.scrollIntoView [Smooth]</button> 
				</div>

Specification

Syntax

Example