码迷,mamicode.com
首页 > 编程语言 > 详细

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

时间:2018-11-27 17:55:47      阅读:179      评论:0      收藏:0      [点我收藏+]

标签:渲染   理解   idt   system   文件   增加   改变   可见   code   

 

页面中引入了其他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方法内容。

 

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

标签:渲染   理解   idt   system   文件   增加   改变   可见   code   

原文地址:https://www.cnblogs.com/Tpf386/p/10027804.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!