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

时间:2012-02-14 05:29:33

标签: javascript html transition

我想创建一个垂直网站,其中包含多个div,它们出现在网站的某些y点上。这些div将主持文本。这些div的位置将始终是固定的。左起20%,顶部约250px。

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

一些很好的例子是:

点击此网站的链接会显示说明,并在滚动时更改:http://www.mattssonvandeneeden.nl/
中心的类型:http://www.freetoair.org.uk/
标题:http://www.formsofinquiry.com/

任何人都可以指出我的方向或帮助我弄清楚它是如何完成的。我看了他们的代码,仍然无法让它工作。

1 个答案:

答案 0 :(得分:1)

您可以使用jQuery的scrollTop()fadeIn()fadeOut()函数来实现此目的。根据滚动放置,您将显示/隐藏相关的div。

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

希望这会对你有所帮助。