我想创建一个垂直网站,其中包含多个div,它们出现在网站的某些y点上。这些div将主持文本。这些div的位置将始终是固定的。左起20%,顶部约250px。
我想要的是让div的内容显示在页面上的某些垂直点上,当我向下滚动到下一个描述时消失;只有在那之后才能让下一个div出现。这样他们就可以从a到b快速过渡。
一些很好的例子是:
点击此网站的链接会显示说明,并在滚动时更改:http://www.mattssonvandeneeden.nl/
中心的类型:http://www.freetoair.org.uk/
标题:http://www.formsofinquiry.com/
任何人都可以指出我的方向或帮助我弄清楚它是如何完成的。我看了他们的代码,仍然无法让它工作。
答案 0 :(得分:1)
您可以使用jQuery的scrollTop()
,fadeIn()
和fadeOut()
函数来实现此目的。根据滚动放置,您将显示/隐藏相关的div。
您可以在jsFiddle.net上查看this演示。
希望这会对你有所帮助。