javascript - jQuery - 如何知道窗口是否正在调整宽度/高度或两者?

标签 javascript jquery resize window

我在使用 jQuery 函数 .resize() 调整窗口大小时遇到​​一点问题.我想知道哪个尺寸变大/变小 - 宽度或高度。我需要这个,因为如果我只提出两个条件 - 如果宽度比 div 大 50px,如果高度比 div 大 50px,

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

然后只在一种情况下工作,我只能调整宽度或高度。

我怎么知道哪个维度的大小在变化,或者两者是否都在变化?

最佳答案

通过将最后一个窗口大小值保存在变量中。

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;
});

关于javascript - jQuery - 如何知道窗口是否正在调整宽度/高度或两者?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12661111/

相关文章:

Javascript 获取 URL 参数,然后触发单击复选框

css - 如何防止文本调整大小影响 div 高度?

javascript - Wordpress 和 Bootstrap : Dropdown menu does not works

javascript - 使用javascript查找css自动高度值

javascript - 无法获取 firebase 用户 ID

javascript - 单击 Jquery 切换按钮的文本

jQuery 在 div 上方打开一个隐藏的 div

javascript - 如何通过 JQuery ajaxSend 事件覆盖成功函数

javascript - 使用 jQuery resizing 调整大小结束后获取宽度

javascript - jQuery 调整大小和文档就绪组合