jQuery scroll top of div

jQuery - scrollTop[ ] Method

Description

The scrollTop[ ] method gets the scroll top offset of the first matched element.

This method works for both visible and hidden elements.

Syntax

Here is the simple syntax to use this method

selector.scrollTop[ ]

Parameters

Here is the description of all the parameters used by this method

• NA

Example

Following is a simple example a simple showing the usage of this method

The jQuery Example $[document].ready[function[]{ $["div.demo"].scrollTop[ 200 ]; $["div.demo"].mousemove[function [] { var top = $["div.demo"].scrollTop[]; $["#result"].html["top offset: " + top + "."]; }]; }]; div.demo {background:#CCCCCC none repeat scroll 0 0; border:3px solid #666666; margin:5px; padding:5px; position:relative; width:200px; height:100px; overflow:auto;} div.result{margin:10px; width:100px; height:100px; margin:5px; float:left; background-color:blue;} p { margin:10px; padding:5px; border:2px solid #666; width:1000px; height:1000px;} Scroll vertical button to see the result:

This will produce following result