jQuery 获取浏览器窗口可视区域的高度和宽度及滚动条高度

在前端交互设计中,当需要获取用户浏览器窗口的可视区域时,常碰到浏览器兼容问题,幸好 jquery 解决了这个问题。

jQuery Code:

//浏览器时下窗口可视区域的高度
alert($(window).height()); 

//浏览器时下窗口文档的高度
alert($(document).height()); 

//浏览器时下窗口文档 body 的高度
alert($(document.body).height()); 

//浏览器时下窗口文档 body 的总高度,包括边框和内外边距高度
alert($(document.body).outerHeight(true)); 

//浏览器时下窗口可视区域的宽度
alert($(window).width()); 

//浏览器时下窗口文档的宽度
alert($(document).width()); 

//浏览器时下窗口文档 body 的宽度
alert($(document.body).width()); 

//浏览器时下窗口文档 body 的总宽度,包括边框和内外边距宽度
alert($(document.body).outerWidth(true)); 

//获取滚动条到顶部的垂直高度
alert($(document).scrollTop()); 

//获取滚动条到左边的垂直宽度
alert($(document).scrollLeft()); 

《jQuery 获取浏览器窗口可视区域的高度和宽度及滚动条高度》有1个想法

  1. 请问在带有虚拟键的安卓手机浏览器中,在判断可视区域时怎样将虚拟键区域排除

发表评论

电子邮件地址不会被公开。 必填项已用*标注