jQuery获取元素尺寸的一些方法

• 返回或设置文档的滚动条的垂直位置。

jQuery(window).scrollTop()
jQuery(window).scrollTop(offset)

• 网页工作区域高度

jQuery(window).height()

• 整个网页文档的高度

jQuery(document).height()

• 某个元素相对于document文档的坐标

jQuery(ele).offset().top
jQuery(ele).offset().left

• 某个元素相对于最近的已定位的包含元素的位置

jQuery(ele).position().top
jQuery(ele).position().left

• 某个元素的宽高

//若元素的display：none，其值为0
jQuery(ele).width()
jQuery(ele).height()

//获得包括内边距（padding）的元素宽度/高度，不包括边框；
jQuery(ele).innerWidth()
jQuery(ele).innerHeight()

//获得包括内边距(padding)和边框(border)的元素宽度/高度；
jQuery(ele).outerWidth()
jQuery(ele).outerHeight()

//获得整个元素的宽度/高度，包括外边距、边框、内边距和内容；
jQuery(ele).outerWidth(true)
jQuery(ele).outerHeight(true)

注意事项
1）ele.css(“height”)：返回带有完整单位的字符串（例如400px），若运算需要parseInt转换。ele.height()：返回一个没有单位的number数值（例如400）。

2）height()总是返回内容宽度，不管CSS box-sizing属性值。若CSS box-sizing为border-box，将造成这个函数改变这个容器的outerHeight，而不仅是原来的内容高度。

• 鼠标相对于文档的位置

event.pageX
event.pageY