在向下滚动后显示div，然后向上滚动到顶部

Question

我想在scrollDown之后再滚动到顶部显示隐藏的div。这意味着在我向下滚动然后向上滚动到顶部之后，将显示隐藏的div。

这是我的js，但这只是scrollDown。

$(document).scroll(function() {
  let y = $(this).scrollTop();
  if (y > 100) {
    $('.latest_news').fadeIn();
   } else {
     $('.latest_news').fadeOut();
  }
});

我不知道在ScrollUp之后该div显示给我吗？

谢谢。

对不起我的英语。

Answer 1

我给你解决方案。这很简单。您需要知道滚动方向。

var lastScrollTop = 0;
$(window).scroll(function(event) { 
  var st = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;

  if (st > lastScrollTop) { 
  // downscroll code 

  } else { 
  // upscroll code 
  } 

  lastScrollTop = st; 
});

引用我的博客：https://seunggabi.tistory.com/entry/JS-Browser-get-scroll-direction