如何使 div 在滚动时出现和消失答案

【问题标题】：How to make a div appear and disappear on scroll如何使 div 在滚动时出现和消失
【发布时间】：2015-07-06 22:26:22
【问题描述】：

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

这个页面有我想做的-http://2014.igem.org/Team:CU-Boulder

如果有人可以帮助我，我将不胜感激。

【问题讨论】：

Show div on scrollDown after 800px的可能重复
如果我使用该代码，我可以显示其中的几个吗？另外，我认为这对我的幻灯片没有帮助。我不希望它淡入:)
好吧，这不是我想要的。如果您检查提供的链接，它说明了我正在尝试做的事情。
好的@Aoife，我回答是为了展示如何获取滚动数据并使用它来构建逻辑。希望对您有所帮助。

标签： javascript jquery css

【解决方案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。

【讨论】：