关于调整浏览器窗口JS

有时候需要对浏览器窗口的大小进行元素的操控，当调整窗口大小时用window.οnresize=function(){}

页面初始化window.οnlοad=function(){}

要注意的是onresize这个函数需要写在全体dom加载完成之后执行，因此放在 jq.ready() 或 ntes.ready()内

// 根据浏览器窗口调整左侧菜单
    function ChangeMenu(){
        var winWidth;
        var menu = $('#fp-nav');
        if (window.innerWidth)
        winWidth = window.innerWidth;
        else if ((document.body) && (document.body.clientWidth))
        winWidth = document.body.clientWidth;
        if(winWidth < 1430){
            menu.hide();
        } else {
            menu.show();
        }
    }
window.onload=function(){
    ChangeMenu();
    window.onresize=function(){
        ChangeMenu();
    }
}

 

转载于:https://www.cnblogs.com/huangxiaowen/p/5063557.html