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

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'
                        });
                    }
                }
            }

 

posted @ 2016-09-20 10:10  陈小银  阅读(35283)  评论(0编辑  收藏  举报