call fn" after scroll and resize

Funcation calls once scroll and resize done...

by Kiran Duggal

HTML

<div class="hello">
  hello
  <br> hello
  <br>hello
  <br>hello
  <br>hello
  <br>hello
  <br>hello
  <br>hello
  <br>hello
  <br>hello
  <br>hello
  <br>hello
  <br>hello
  <br>hello
  <br>hello
  <br>hello
  <br>hello
</div>

<p class="appen"></p>

CSS

.hello {
  overflow: auto;
  height: 200px;
  width: 150px;
  border: red solid 1px;
}

JavaScript

$(document).ready(function() {
  var resizeID, scrollID;
  $(window).resize(function() {
    clearTimeout(resizeID);
    resizeID = setTimeout(doneResizing, 100);
  });

  function doneResizing() {
    console.log('window resized');
    $(".appen").append("<br/>window resized!");
  }

  $('.hello').scroll(function() {
    clearTimeout(scrollID);
    scrollID = setTimeout(doneScroll, 100);
  });

  function doneScroll() {
    console.log('div scrolled');
    $(".appen").append("<br/>div scrolled!");
  }
});