Tryit Editor v1.8

Source Code:
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="../../code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css"> <script src="../../code.jquery.com/jquery-1.8.3.min.js"></script> <script src="../../code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script> <script> x=0; $(document).on("pageinit","#pageone",function(){ $("#test").on("scrollstop",function(){ $("span").text(x+=1); }); }); </script> </head> <body> <div data-role="page" id="pageone"> <div data-role="header"> <h1>The scrollstop Event</h1> </div> <div data-role="content"> <p>Try the scrollbar in the box:</p> <div id="test" style="border:1px solid black;width:200px;height:250px;overflow:scroll;">In my younger and more vulnerable years my father gave me some advice that I've been turning over in my mind ever since. <br><br> 'Whenever you feel like criticizing anyone,' he told me, just remember that all the people in this world haven't had the advantages that you've had.' In my younger and more vulnerable years my father gave me some advice that I've been turning over in my mind ever since. <br><br> 'Whenever you feel like criticizing anyone,' he told me, just remember that all the people in this world haven't had the advantages that you've had.' In my younger and more vulnerable years my father gave me some advice that I've been turning over in my mind ever since. In my younger and more vulnerable years my father gave me some advice that I've been turning over in my mind ever since. <br><br> 'Whenever you feel like criticizing anyone,' he told me, just remember that all the people in this world haven't had the advantages that you've had.' In my younger and more vulnerable years my father gave me some advice that I've been turning over in my mind ever since. </div> <p>Stopped to scroll <span>0</span> times.</p> </div> <div data-role="footer"> <h1>Footer Text</h1> </div> </div> </body> </html>
Result:
W3Schools.com - Try it yourself