在滚动时更改 div（隐藏/显示）答案

【问题标题】：Change divs (hide/reveal) on scroll在滚动时更改 div（隐藏/显示）
【发布时间】：2016-12-07 19:03:04
【问题描述】：

我需要一些帮助。

我有这个：

<div class="slides">

  <div class="slide 1">
     Content here.
  </div>

  <div class="slide 2">
     Content Here.
  </div>

  <div class="slide 3">
     Content Here.
  </div>

</div>

我需要在鼠标向下滚动时将 div 1 与 div 2 或在鼠标向上滚动时与 slide 3 交换，隐藏活动 div 并显示具有过渡效果的邻居。

我不熟悉javascript，有没有简单的解决方案？

【问题讨论】：

这不是免费网站的获取代码。
这不是我要的，把这种cmets留给自己。我在 stackoverflow 上找不到任何相关主题，这就是我问的原因，有些人已经这样做了，并且知道实现这一目标的最有效方法。
但确实如此。如果您自己不尝试某些代码，那么您就是在要求其他人为您编写代码。既然你不付钱给他们，根据定义，你就是“免费获得代码”。

标签： javascript html css

【解决方案1】：

如果有人寻找类似需求的满足：

fullPage.js 完成了这项工作，他们有一个不需要 jquery 的精简构建（在可下载的文件中，5kb gzipped）。

我不在乎它是否被认为是一个答案，它只是有效并帮助了我很多。我将不胜感激阅读有关该主题的更多信息并接受更多教育。

【讨论】：