JS实时监听浏览器宽度的变化

最新推荐文章于 2024-07-14 11:54:09 发布

weixin_30828379

最新推荐文章于 2024-07-14 11:54:09 发布

阅读量1.2k

点赞数

原文链接：http://www.cnblogs.com/chenzeyongjsj/p/5887758.html

版权

boot:function(){
                //加载页面时执行一次
                changeMargin();
                //监听浏览器宽度的改变
                window.onresize = function(){
                    changeMargin();
                };
                function changeMargin(){
                    //获取元素距离屏幕左边的距离
                    var divLeft = $('.news').offset().left;
                    //获取网页可见区域宽度
                    var docWidth = document.body.clientWidth;
                    if(docWidth <= 1600){
                        //动态设置教师风采样式
                        $('.photoInside').css({
                            'margin-left':divLeft,
                            'width':'1150px'
                        });
                    }
                }
            }