在垂直点更改固定 div 内容/显示

Question

我想创建一个垂直网站，其中包含多个 div，这些 div 出现在网站的某些 y 点上。这些 div 将承载文本。这些 div 的位置总是固定的。距左侧 20%，距顶部约 250px。

我想要的是让 div 的内容显示在页面上的某些垂直点，并在我向下滚动到下一个描述时消失；只是让下一个 div 在那之后立即出现。这样他们就可以快速从 a 过渡到 b。

几个很好的例子是：

单击此站点的链接会显示描述并在滚动时更改：http://www.mattssonvandeneeden.nl/
中间的类型：http://www.freetoair.org.uk/
标题：http://www.formsofinquiry.com/

谁能给我指出一个特定的方向或帮助我弄清楚它是如何完成的。我查看了他们的代码，但仍然无法正常工作。

Answer 1

您可以使用 jQuery 的 scrollTop()、fadeIn() 和 fadeOut() 函数来实现这一点。根据滚动位置，您将显示/隐藏相关的 div。

您可以在 jsFiddle.net 上查看this 演示。

希望对你有所帮助。