如何判断元素出现在用户视野

判断元素出现在用户视野中，主要是看下面三个属性值
1、窗口顶端到整个页面顶端的滚动距离：

$(window).scrollTop();

2、元素距离页面内容的高度：

$(node).offset().top;

3、窗口的高度：

$(window).height()

如果元素距离页面内容的高度小于窗口滚动距离+窗口高度，元素就会在我们视野中啦！

$(node).offset().top<=$(window).height() + $(window).scrollTop()

如下图所示

判断元素出现在用户视野