使用jQuery收听浏览器宽度/高度的更改

我有一些div是在页面准备好时用position absolute(CSS)设置的,它们相对于另一个固定div进行定位,这很好。但是,在加载页面并设置所有内容之前,如果页面调整大小,则这些绝对div不会跟随更改移动到其他位置,我认为它们是相对于屏幕顶部和左侧的给定值

相对div的位置,我用来作为定位绝对div的起点,也可能改变相对div上面div的位置

有没有办法监听浏览器宽度/高度的变化,以使这些div保持在正确的位置

首先,您需要将窗口调整大小事件绑定到您选择的函数

$(窗口).on(“调整大小”,methodToFixLayout);

现在,您可以确定新的高度和宽度,并从此处对页面进行调整

函数方法固定布局(e){
var winHeight=$(window.height();
var winWidth=$(window.width();
//调整元素css等。。。。。
//$(“#someDiv”).css('someProperty',基于winHeight和winWidth的someValue);
}

如果没有更多关于布局的细节,很难准确地说出您需要做哪些更改,但这应该会让您朝着正确的方向前进

发表评论