Javascript “调整大小”功能未检测到更改浏览器高度
我正在使用.resize函数来触发一些调整。当我减小/增大浏览器宽度大小时,它工作正常,但当我减小/增大浏览器高度时,什么也没有发生。知道为什么.resize函数检测不到更改浏览器高度吗?(与Chrome和IE9中的行为相同)类似的功能应该可以满足您的需求:Javascript “调整大小”功能未检测到更改浏览器高度,javascript,jquery,Javascript,Jquery,我正在使用.resize函数来触发一些调整。当我减小/增大浏览器宽度大小时,它工作正常,但当我减小/增大浏览器高度时,什么也没有发生。知道为什么.resize函数检测不到更改浏览器高度吗?(与Chrome和IE9中的行为相同)类似的功能应该可以满足您的需求: document.body.style.overflow = 'hidden'; // hide the scroll bars $(window).resize(function(){ var newwidth = $(window)
document.body.style.overflow = 'hidden'; // hide the scroll bars
$(window).resize(function(){
var newwidth = $(window).width();
var newheight = $(window).height();
$("#elementId").height(newheight).width(newwidth);
});
是否使用jquery?是:$(窗口)。调整大小(函数(){//stuff});谢谢但我遇到的问题是,当我手动更改浏览器高度(而不是通过代码)时,它甚至不会更改.resize函数的所有第一行。。除非我手动调整浏览器的宽度(我应该在我的原始问题中添加“手动”。有什么想法吗?我不确定你的意思。上面的代码中触发了
调整大小
功能。你能发布你正在使用的代码吗?让我试着更好地解释自己…就像你一样,我有$(窗口)。调整大小(function(){…});,但在浏览器窗口未最大化的情况下,如果我使用“箭头”重新调整“窗口”的高度,则不会触发.resize函数中的代码。如果我使用箭头重新调整“窗口”的宽度,它会“执行”.resize函数中的代码.James..我刚刚在Chrome中试用了你的演示。如果你使用“垂直”或“水平”箭头来调整“窗口”的大小,浏览器窗口没有最大化(在桌面上浮动),您可以看到有时滚动条会出现,有时则不会出现…这表明.resize函数每次读取的内容都不一样…您是否了解此行为?将document.body.style.overflow='hidden';
添加到js顶部。这应该可以解决问题。请参阅更新的演示。