❮ jQuery HTML/CSS Methods
Example
Return the vertical scrollbar position for a <div> element:
$("button").click(function(){ alert($("div").scrollTop()); });
Try it Yourself »
Definition and Usage
The scrollTop() method sets or returns the vertical scrollbar position for the selected elements.
Tip: When the scrollbar is on the top, the position is 0.
When used to return the position: This method returns the vertical position of the scrollbar for the FIRST matched element.
When used to set the position: This method sets the vertical position of the scrollbar for ALL matched elements.
Syntax
Return vertical scrollbar position:
Set vertical scrollbar position:
$(selector).scrollTop(position)
Parameter Description position Specifies the vertical scrollbar position in pixels
Try it Yourself - Examples
Set the vertical scrollbar position How to set the vertical scrollbar position for an element.
Toggle between classes on different scroll positions How to toggle between classes on different scroll positions.
Add smooth scrolling to page anchors Using animate() together with scrollTop() to add smooth scrolling to links.
❮ jQuery HTML/CSS Methods
★ +1
W3schools Pathfinder
Track your progress - it's free!
I've been trying to get a scroll to div id jquery code to work correctly. Based on another stack overflow question i tried the following
DEMO //jsfiddle.net/kevinPHPkevin/8tLdq/
$('
myButton').click(function() {
$.scrollTo($('
myDiv'), 1000);
});
But it didn't work. It just snaps to the div. I also tried
$('
myButton').click(function(event) { event.preventDefault(); $.scrollTo($('
myDiv'), 1000);
});
With no progress.
1 answer to this question.
Related Questions In Web Development
- All categories
- ChatGPT(11)
- Apache Kafka(84)
- Apache Spark(596)
- Azure(157)
- Big Data Hadoop(1,907)
- Blockchain(1,673)
- C#(141)
- C++(271)
- Career Counselling(1,060)
- Cloud Computing(3,510)
- Cyber Security & Ethical Hacking(203)
- Data Analytics(1,266)
- Database(857)
- Data Science(76)
- DevOps & Agile(3,609)
- Digital Marketing(121)
- Events & Trending Topics(28)
- IoT (Internet of Things)(387)
- Java(1,296)
- Kotlin(8)
- Linux Administration(389)
- Machine Learning(337)
- MicroStrategy(6)
- PMP(437)
- Power BI(516)
- Python(3,221)
- RPA(653)
- SalesForce(107)
- Selenium(1,571)
- Software Testing(58)
- Tableau(608)
- Talend(73)
- TypeSript(124)
- Web Development(3,019)
- Ask us Anything!(70)
- Others(2,244)
- Mobile Development(395)
- UI UX Design(24)
Subscribe to our Newsletter, and get personalized recommendations.
Already have an account? .
How to set scroll position to top using jQuery?
Method 2: Using scrollTop() in jQuery This behavior can be used to scroll to the top of the page by applying this method on the window property. Setting the position parameter to 0 scrolls the page to the top. Syntax: $(window).
How do I scrollTo an element within an overflowed div?
To scroll to an element inside a div using JavaScript, you can use the `scrollTop` property of the parent div, setting it to the target element's `offsetTop`. This adjustment allows you to smoothly navigate to a specific element within a scrollable container without using a full-page scroll.
How do I make a div scrollTo the top?
scroll with an object with top set to 0 to scroll to the top. And behavior is set to 'smooth' to add smooth scrolling. Now when we click on the scroll to top button, the scrollable div should go back to the top with a smooth scrolling motion during scrolling.
How to scroll automatically to the top of the page using jQuery?
jQuery scrollTop() Method The scrollTop() method sets or returns the vertical scrollbar position for the selected elements. Tip: When the scrollbar is on the top, the position is 0. When used to return the position: This method returns the vertical position of the scrollbar for the FIRST matched element.