resize函数未检测到更改浏览器高度
Changing browser height not detected by .resize function
我正在使用.resize函数来触发一些调整。当我减少/增加浏览器宽度时,它可以正常工作,但当我减少或增加浏览器高度时,什么都不会发生。知道为什么更改浏览器高度不能被.resize函数检测到吗?(Chrome和IE9中的行为相同)
像这样的东西应该可以做你想做的事情:
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);
});
DEMO
相关文章:
- 使页面高度为浏览器的100%
- 灯箱类型的东西,使图像成为浏览器高度的百分比
- 如何在浏览器宽度/高度变化时动态调整图像网格的大小
- 如何将宽度和高度变量设置为浏览器窗口的宽度和高度
- Window.open浏览器的高度不一致
- 当只给定宽度或高度时,是否所有浏览器都按比例缩放图像
- 在Windows 8 Metro模式下,在浏览器中获取虚拟键盘的高度
- 获取元素高度的正确方法(使用所有浏览器?)
- 固定位置高度比浏览器窗口大百分比
- 根据浏览器高度调整背景图像的大小
- 如何根据浏览器高度制作“边距:顶部”
- css 文件中的浏览器高度
- Javascript / jQuery - 检测浏览器高度 - 简单修复
- 检测用户浏览器高度是否>=页面正文高度
- resize函数未检测到更改浏览器高度
- 有页面的打开部分的全部浏览器高度,所有其他部分定义的高度
- 跨浏览器鼠标滚轮,通过一个滚轮滚动100%的浏览器高度
- 基于浏览器高度调整元素大小
- 获得恒定的浏览器高度和宽度
- 使页面分段填充浏览器高度