jquery監控瀏覽窗口尺寸變化執行相應的代碼

$(window).height(); //瀏覽器當下窗口可視區域高度

$(document).height(); //瀏覽器當下窗口文檔的高度

$(document.body).height();//瀏覽器當下窗口文檔body的高度

$(document.body).outerHeight(true);//瀏覽器當下窗口文檔body的總高度 包括border padding margin

$(window).width(); //瀏覽器當下窗口可視區域寬度

$(document).width();//瀏覽器當下窗口文檔對象寬度

$(document.body).width();//瀏覽器當下窗口文檔body的高度

$(document.body).outerWidth(true);//瀏覽器當下窗口文檔body的總寬度 包括border padding margin

$(document).scrollTop(); //獲取滾動條到頂部的垂直高度

$(document).scrollLeft(); //獲取滾動條到左邊的寬度

 

//窗口大小改變時，執行：

$(window).resize(function(){
   //執行代碼塊
});

 

 

//點擊返回頂部
$('.go_top').click(function(){
if ($(window).scrollTop() > 0) {
$("html,body").stop().animate({ scrollTop: 0 }, 200);
}

});

$(window).scroll(function(){
var w_h = $(document).scrollTop();
if(w_h>300){
$('.go_top').fadeIn();
}
if(w_h<=300){
$('.go_top').fadeOut();
}
});

 

--------------------- 本文來自 包子源 的CSDN 博客 ，全文地址請點擊：https://blog.csdn.net/ziwoods/article/details/51217601?utm_source=copy