如何知道页面向上或向下滚动时隐藏特定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/