如何使div显示并在滚动时消失

Question

我正在尝试在用户向下滚动一定量的px后从一侧滑入div容器，并在用户向下滚动另一个设定量的px后消失。

此页面包含我想要做的事情 - http://2014.igem.org/Team:CU-Boulder

如果有人可以帮助我，我真的很感激。

Answer 1

要获取用户的滚动数据，您可以使用scrollTop() jQuery方法。

  

说明：获取滚动条的当前垂直位置   匹配元素集中的第一个元素或设置垂直元素   每个匹配元素的滚动条的位置。

例如：

$(window).scroll(function() {
    var currentHeight = $(window).scrollTop();

    if (currentHeight > 200) {
        // some action
    }
    if (currentHeight > 300) {
        // another action
    }
});

您可能有兴趣查看this WOW plugin或this scrollrevealjs。