jQuery onScroll（）显示和隐藏DIV

Question

我有一个简单的onScroll函数，例如当滚动（向下）高度为100时显示DIV，然后如果它达到100则立即向上滚动它隐藏div，工作完美。

然而，如果我快速向下滚动并且在显示DIV时如果我快速向上滚动＆amp;下来2三次，它没有赶上事件，即使它再次上升，它仍然显示DIV，但如果我向下滚动甚至1个像素，它隐藏它，如果达到100，那么它再次显示DIV ..我希望我说清楚，我没有在线演示，因为我正在使用localhost ..下面是我的功能，我在模板中单独使用＆lt; * script＆gt;标签..

  jQuery(document).scroll(function ($) {

      var y = jQuery(this).scrollTop();    
      var hoffset = 100;

      if (y > hoffset) {
          // show div
      } else {
          // hide div
      }
  });

有人可以指导我正确的方向，还有其他最好的方法可以做到这一点，基本上我这样做是为了头部导航div ..

问候

Answer 1

你想这样吗？查看我的Fiddle

我改为使用fadeIn()和fadeOut()。

Answer 2

我找到停止动画的唯一方法，而在此过程中它正在下面并且有效..

 jQuery('.thedivclass').stop(false, true).slideDown();