Search code examples
javascriptjqueryresizewindow

jQuery - How to know if window is resizing in width/height or both?

I have a little problem with window resizing using jQuery's function .resize(). I would like to know which dimension is getting bigger/smaller - width or height. I need this because if I just put two conditions - if width is for 50px bigger than div and if height is for 50px bigger than div,

// (pseudocode)
if width = div.width + 50px
   width = something
if height = div.height + 50px
   height = something

then is working on just one condition and I can resize only width or height.

How could I know which dimension is changing in size or if both are?

Solution

  • By saving last window size values in variables.

    var h = $(window).height(), w = $(window).width();
$(window).resize(function(){

    var nh = $(window).height(), nw = $(window).width();
     // compare the corresponding variables.
    h = nh; w = nw; // update h and w;
});