Run
<!doctype html> <html lang="en"> <head> <title>jQuery scrollTop() Method Returns Vertical Scroll Bar Position of the Selected Element</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script> $(document).ready(function(){ $('.mygetbtn').click(function(){ var mypos = $("div").scrollTop(); alert(mypos); }); }); </script> <style> div{ border: 1px solid #ccc; width: 200px; height: 120px; overflow: auto; } </style> </head> <body> <h2>jQuery scrollTop() Method Returns Vertical Scroll Bar Position of the Selected Element</h2> <button type="button" class="mygetbtn">Click to Return Position</button><br><br> <div>Welcomeummmmmmmmmmmmmmmmmmmmmmmmmmmmmmm to our website TutorialDeep! Learn jQuery with live examples.Welcomeummmmmmmmmmmmmmmmmmmmmmmmmmmmmmm to our website TutorialDeep! Learn jQuery with live examples.Welcomeummmmmmmmmmmmmmmmmmmmmmmmmmmmmmm to our website TutorialDeep! Learn jQuery with live examples.Welcomeummmmmmmmmmmmmmmmmmmmmmmmmmmmmmm to our website TutorialDeep! Learn jQuery with live examples.Welcomeummmmmmmmmmmmmmmmmmmmmmmmmmmmmmm to our website TutorialDeep! Learn jQuery with live examples.</div> <p>Scroll the scrollbar vertically and click the button to find the position.</p> </body> </html>
Go to
Tutorialdeep Homepage