How to use jQuery .scroll() to handle HTML scrollable <div> element

1 Answer

0 votes
<!doctype html>
<html>
<head>
  <script src="js/jquery/1.11.3/jquery.min.js"></script>
</head>
<body>

<div id="id-div" style="overflow: scroll; width: 220px; height: 120px;">
  aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
  bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
  ccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc
  ddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd
  eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee
  fffffffffffffffffffffffffffffffffffffffffffffffffffffffffff
  ggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg
</div>
<script>
$( "#id-div" ).scroll(function() {
  alert( "Handler for .scroll() called" );
});
</script>
</body>
</html>

 



answered Aug 22, 2016 by avibootz
...