通过Jquery判断页面元素是否在浏览器的可视区域内

此标题为网络某同名文章，但本人验证后发现是错误的，为不误导他人，特写此篇。

假设此元素为 #item,先说几个关键的属性:

1

jQuery('#item').offset().top

#item 的绝对偏移量,指#item的实际尺寸(即不包括外边框margin)的上边界到页面顶端的距离.这个值不随窗口滚动而改变

1

jQuery('#item').outerHeight()

#item 的实际尺寸,即 height+padding+border

1

jQuery('#item').outerHeight(true)

#item的实际尺寸及外边距,即 height+padding+border+margin

1

jQuery(window).scrollTop()

窗口滚动的顶部偏移量,即此时页面的上边界到可视区域的上边界的偏移量,简单的可以理解成整个页面滚动了多少距离

1

jQuery(window).height()

浏览器窗口可视区域的高度

页面的布局如图：时间紧急，今天就不讲了。