Tryit Editor v2.3

Edit This Code:
<!DOCTYPE html> <html> <head> <script src="../../ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> <script> $(document).ready(function(){ $("button").click(function(){ alert($("div").scrollTop()+" px"); }); }); </script> </head> <body> <div style="border:1px solid black;width:100px;height:150px;overflow:auto"> This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text.</div><br> <button>Return the vertical position of the scrollbar</button> <p>Move the scrollbar down and click the button again.</p> </body> <!-- Mirrored from www.w3schools.com/jquery/tryit.asp?filename=tryjquery_css_scrolltop_get by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 23 Jan 2015 08:15:45 GMT --> </html>
Result:
Try it Yourself - © w3schools.com