javascript修改div大小遮挡页面渲染问题

Posted 2021-01-23 荆棘人

 

页面中引入了其他js文件，浏览器窗口改变，页面没有跟随渲染问题。最后找到原因是因为这个js方法少了最后一行：

"right": RightBox_w。

   window.onresize = function () {
           
            var w = $(window).width();
            var h = $(window).height();
            var Menu_w = $(".SystemMenu").width();
            var Head_h = $(".SystemHeader").height();
            var RightBox_w = w - Menu_w;
            var RightBox_h = h - Head_h;
            $(".SysRightBox").css({
                "width": RightBox_w,
                "height": RightBox_h,
                "right": RightBox_w
            });
        }

增加一行代码后页面正常了。

同时浏览器的Event Listeners功能，可见检查页面元素绑定了哪些事件。这个需要理解你要检查页面元素哪些事件触发。针对具体事件，去寻找绑定的js方法内容。