客户端开始通过CSS或Javascript向下滚动时隐藏<div>标记

Question

一旦这个人开始向下滚动并在他/她滚动到最顶端时重新出现，是否可以隐藏div？

如果是，有人可以告诉我如何或一个例子吗？非常感谢。

  测试内容

Answer 1

有很多方法可以实现这一目标。以下是JSFiddle.上的示例。它使用JavaScript：

$(window).scroll(function() {

    if ($(this).scrollTop()>0)
     {
        $('.fade').fadeOut();
     }
    else
     {
      $('.fade').fadeIn();
     }
 });

和CSS：

body {
    height: 2000px;    
}
.fade {
    height: 300px;
    width: 300px;
    background-color: #d15757;
    color: #fff;
    padding: 10px;
}