进阶任务16

1、如何判断一个元素是否出现在窗口可视范围（浏览器的上边缘和下边缘之间，肉眼可视）。写一个函数 isVisible实现

• 元素刚刚出现的条件：windowHeight + scrollTop = 元素的offsetTop；
• 元素刚刚消失的条件：scrollTop = 元素的offsetTop + 元素的height
• isVisible函数如下代码：

           function isVisible($node){
               var windowHeight = $(window).height(),
                   scrollTop = $(window).scrollTop(),
                   offsetTop = $node.offset().top,
                   nodeHeight = $node.height();
               if(windowHeight + scrollTop > offsetTop && scrollTop < offsetTop + nodeHeight){
                   return true;
               }else{
                   return false;
               }
           }

---

2、当窗口滚动时，判断一个元素是不是出现在窗口可视范围。每次出现都在控制台打印 true ，用代码实现

• 代码如下所示：

• 如下图GIF所示：

  
  
  

  2.gif

---

3、当窗口滚动时，判断一个元素是不是出现在窗口可视范围。在元素第一次出现时在控制台打印 true，以后再次出现不做任何处理，用代码实现

• 代码如下图所示：