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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM