如果金额滚动，则淡出

Question

update_params

我有一些代码使得.box在滚动一下后淡入淡出，但我注意到它只会在滚动回到页面顶部后淡出。我希望它在向后滚动到顶部时（在到达它之前）淡出。有没有办法做到这一点？

Answer 1

每次fadeIn事件触发时，您都会调用fadeOut和scroll，而当您的位置从520上方更改时，您真的只想触发一次在它下面划线，反之亦然。我已经取消了对stop()的调用，我认为这是不必要的（如果问题是事件冲突，您可以在debounce事件处理程序上使用scroll ）。

$(window).bind('scroll', function() {
  var belowLine, visible;
  belowLine = $(this).scrollTop() > 520;
  visible = $box.is(':visible');
  if (belowLine && !visible) {
    $box.fadeIn();
  }
  if (!belowLine && visible) {
    $box.fadeOut();
  }
});

我使用了几个变量来进行自我记录。