转：JQuery获取浏览器窗口的可视区域高度和宽度,滚动条高度 

 1 console.log($(window).height()); //浏览器时下窗口可视区域高度
 2 console.log($(document).height()); //浏览器时下窗口文档的高度
 3 console.log($(document.body).height());//浏览器时下窗口文档body的高度
 4 console.log($(document.body).outerHeight(true));//浏览器时下窗口文档body的总高度 包括border padding margin
 5 console.log($(window).width()); //浏览器时下窗口可视区域宽度
 6 console.log($(document).width());//浏览器时下窗口文档对于象宽度
 7 console.log($(document.body).width());//浏览器时下窗口文档body的高度
 8 console.log($(document.body).outerWidth(true));//浏览器时下窗口文档body的总宽度 包括border padding margin
 9  
10 console.log($(document).scrollTop()); //获取滚动条到顶部的垂直高度
11 console.log($(document).scrollLeft()); //获取滚动条到左边的垂直宽度

 

 

文章转自：https://www.cnblogs.com/jasonoiu/archive/2011/11/01/JQuery_for_browser_window_height_and_width_of_the_viewable_area.html

posted @ 2020-04-23 15:02  傅丹辰cds  阅读(211)  评论(0)    收藏  举报