HTML DOM scrollIntoView Method
Example
Scroll the element with id="content" into the visible area of the browser window:
var elmnt = document.getElementById("content");
elmnt.scrollIntoView();
Try it Yourself »
More "Try it Yourself" examples below.
Definition and Usage
The scrollIntoView() method scrolls the specified element into the visible area of the browser window.
Browser Support
The numbers in the table specifies the first browser version that fully supports the method.
Method | |||||
---|---|---|---|---|---|
scrollIntoView | 28.0 | 8.0 | 1.7 | 5.0 | 38.0 |
Syntax
element.scrollIntoView(alignTo)
Parameters
Parameter | Type | Description |
---|---|---|
alignTo | Boolean | Optional. A boolean value that indicates the type of the align:
true - the top of the element will be aligned to the top of the visible area of the scrollable ancestor false - the bottom of the element will be aligned to the bottom of the visible area of the scrollable ancestor. If omitted, it will scroll to the top of the element. Note: Depending on the layout of other elements, some elements may not be scrolled completely to the top or to the bottom. |
Technical Details
Return Value: | No return value |
---|---|
DOM Version | Experimental |
More Examples
Example
Scroll to the top or to the bottom of an element:
var elmnt = document.getElementById("content");
function scrollToTop()
{
elmnt.scrollIntoView(true); // Top
}
function scrollToBottom() {
elmnt.scrollIntoView(false); // Bottom
}
Try it Yourself »