网站建设中会遇到这样的情况，需要判断一个div是否在网页浏览可视区域，当div可视时给这个div添加样式或者添加动画效果，jq是怎么实现这种功能的呢？

如上图所示：橙色块是要添加样式的元素，黑色块为整个页面的高度，绿色块为浏览器可视区域高度即浏览器高度；

橙色容器距离整个页面顶部的距离的获取

$(element).offset().top

浏览器高度获取（绿色块高度）

$(window).height();

缩放窗口这个高度会改变，需要再取得

window.onresize=funciton(){

var wTop=$(window).height();

}

绿色框可视区域上面到黑色页面顶部的距离(滚动条滑动距离)，会实时改变

$(document).scrollTop();