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

最新推荐文章于 2025-09-12 14:04:02 发布

weixin_30776863

最新推荐文章于 2025-09-12 14:04:02 发布

阅读量81

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/Tpf386/p/10027804.html

本文解决了一个关于页面布局在浏览器窗口改变时无法正确响应的问题。通过在JS代码中增加一行关键代码，确保了页面元素能正确调整其大小，维持良好的视觉效果。同时介绍了如何使用浏览器的EventListeners功能检查页面元素绑定的事件。

页面中引入了其他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
            });
        }