当页面向上或向下滚动时，如何知道特定div何时被隐藏

Question

我在html页面中有一个div元素，位于离顶部1200px的位置，现在当用户向下或向上滚动页面，并且div元素显示给用户时，应该调用javascript函数。当页面再次上下滚动，使得div不可见时，必须调用另一个函数。

Answer 1

使用jQuery。。。

代码段：

var $yourDiv = $('.your-div');
$(window).scroll(function(){
   if ($(this).scrollTop() > 1200) {
     $yourDiv.fadeIn();
   } else {
     $yourDiv.fadeOut();
   }
});

API参考：

• http://api.jquery.com/scroll/
• http://api.jquery.com/scrolltop/
• http://api.jquery.com/fadein/
• http://api.jquery.com/fadeout/

示例：

http://jsfiddle.net/gilla/rqz86z3u/2/