javascript - 在滚动条上切换事件

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."); 
     }) 
});