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

Question

我需要一些帮助。

我有这个：

<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>

我需要在mousescroll上将 div 1 与 div 2 交换，或者在mouses上滚动幻灯片3 ，隐藏一个活跃的div并显示具有过渡效应的邻居。

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

Answer 1

如果有人搜索满足类似需求的履行情况：

fullPage.js完成这项工作，他们有一个不需要jquery的精简版本（在可下载文件中，5kb gzip压缩）。

我不关心它是否被认为是答案，它只是起作用并帮助了我很多。我将非常感激阅读更多有关主题并获得更多教育。