向下滚动后显示 div 然后向上滚动到顶部答案

【问题标题】：Show div after scrollDown then scrollUp to top向下滚动后显示 div 然后向上滚动到顶部
【发布时间】：2019-12-25 10:07:30
【问题描述】：

我想在 scrollDown 之后显示隐藏的 div 然后 scrollUp 到顶部。这意味着在我向下滚动然后向上滚动到顶部后，隐藏的 div 就会显示出来。

这是我的 js，但它只是向下滚动。

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

我不知道scrollUp之后如何显示那个div？

谢谢。

对不起我的英语。

【问题讨论】：

请也分享 html .. 与工作示例
genk.vn/… 此页面为示例。
这是什么兄弟
只是一个博客。您只需向下滚动然后向上滚动即可查看最新消息。

标签： javascript jquery html css frontend

【解决方案1】：

$(document).scroll(function() {
    if ($(this).scrollTop() === 0 && $(".latest_news").is(":hidden")) {
      $(".latest_news").fadeIn();
    } else {
      $(".latest_news").fadeOut(); // remove this else block if you do not want hidden on every scroll down
    }
});

【讨论】：

【解决方案2】：

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

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

【讨论】：

哦。谢谢你。我会试试的。