jquery - 如何检测窗口大小调整时的扩展或收缩？

Question

我想知道在调整窗口大小时如何检测用户是否扩展或缩小了视口(viewport)？

一个总体想法是这个，但我不确定如何实现它:

$(window).resize(function() {
    var initialWidth = ...;
    var initialHeight = ...;
    var finalWidth = ...;
    var finalHeight = ...;
    if ((initialWidth < finalWidth) || (initialHeight < finalHeight)) { 
        return 'expand'; 
    } else {
        return 'shrink';
    }
});

谢谢

Answer 1

你可以尝试一下:

var initialWidth;
var initialHeight;
$(document).ready(function(){
    initialWidth = $(window).width();
    initialHeight = $(window).height();
})

$(window).resize(function() {

    var finalWidth = $(window).width();
    var finalHeight = $(window).height();
    var result;
    if ((initialWidth < finalWidth) || (initialHeight < finalHeight)) { 
        result = 'expand'; 
    } else {
        result = 'shrink';
    }

    initialWidth = finalWidth;
    initialHeight = finalHeight;

    return result;
});