Run Jquery function on window events: load, resize, and scroll?

Question

How do I run a jquery function on window events: load, resize, and scroll?

Here is my code I\'m trying to detect if a div is viewable and then if it is run some ajax

Answer 1

just call your function inside the events.

load:

$(document).ready(function(){  // or  $(window).load(function(){
    topInViewport($(mydivname));
});

resize:

$(window).resize(function () {
    topInViewport($(mydivname));
});

scroll:

$(window).scroll(function () {
    topInViewport($(mydivname));
});

or bind all event in one function

$(window).on("load scroll resize",function(e){