526互联

调整窗口大小 window.resize

发布时间 2023-11-27 16:55:49作者: 芬-mi
window.onresize = function(){}
window.addEventListener('resize',function() {});

作用：是调整窗口大小加载事件，当触发时就调用的处理函数

注意

　　只要窗口大小发生像素变化，就会触发这个事件。

　　我们经常利用这个事件完成响应式布局。window.innerWidth为当前屏幕的宽度。

window.onresize = function() {
    var h = window.innerHeight - $("#side-menu").offset().top - $("body>footer").outerHeight();
    $("#side-menu").css("height",h);
}