在滚动上切换事件

Question

所以我想在用户向下滚动30到20像素之间触发事件，然后在向上滚动时触发相反的操作：

var flagscroll=true;

$(window).scroll(function(){
  var y = $(window).scrollTop();
  if( y < 30 && y > 20 && flagscroll==true ) {
        flagscroll=false;
       $('[data-label="SearchPanel"]').animate({ 
            top: "-=34px",
        }, 200 );
  }
});
// how do I do the opposite action?

感谢您的任何想法！

Answer 1

我会调查jQuery Waypoints，我认为这是你正在寻找的东西。下面是您可以使用的js，确保根据您的标记替换正确的div：

$(function () { 
     $('#div-it-needs-to-reach').waypoint(function (){ 
         alert("Waypoint reached."); 
     }) 
});