html - javascript get scroll of child div -

i have structure this:

<div>      <div id="scrollid" style="height:100px;">          content here     </div>  </div>  <script> document.getelementbyid("mydiv").addeventlistener("touchstart", myfunction); function myfunction() {     // want position } </script> 

i want distance top, when user start scrolling (actually touching in mobile). final purose implementing pull refresh child div.

any idea?

try following.

<div>      <div id="scrollid" style="height:100px;" onscroll="myfunction();">          content here     </div>  </div>  <script> document.getelementbyid("mydiv").addeventlistener("touchstart", myfunction); function myfunction() {     document.getelementbyid("scrollid").scrolltop;     // want position } </script>