JQuery获取浏览器窗口的可视区域高度和宽度,滚动条高度:
|
1 2 3 4 5 6 7 8 9 10 11 |
alert($(window).height()); //浏览器时下窗口可视区域高度 alert($(document).height()); //浏览器时下窗口文档的高度 alert($(document.body).height());//浏览器时下窗口文档body的高度 alert($(document.body).outerHeight(true));//浏览器时下窗口文档body的总高度 包括border padding margin alert($(window).width()); //浏览器时下窗口可视区域宽度 alert($(document).width());//浏览器时下窗口文档对于象宽度 alert($(document.body).width());//浏览器时下窗口文档body的高度 alert($(document.body).outerWidth(true));//浏览器时下窗口文档body的总宽度 包括border padding margin alert($(document).scrollTop()); //获取滚动条到顶部的垂直高度 alert($(document).scrollLeft()); //获取滚动条到左边的垂直宽度 |
jquery让页面中的模块自适应浏览器高度:
|
1 2 3 4 5 6 7 8 9 10 11 12 |
//加载时适应浏览器高度 $(document).ready(function() { //模块尺寸 $('#div_frame_body').css('height', $(window).height()); $('#frame_right').css('height', $(window).height() - 110); }) //改变窗体大小时适应浏览器高度 $(window).resize(function() { //模块尺寸 $('#div_frame_body').css('height', $(window).height()); $('#frame_right').css('height', $(window).height() - 110); }); |