这个前端设计模式是什么？

Question

我正在建立一个网站，并一直在查看各种前端设计。我见过很多有交互垂直部分的现代网站。这意味着当您向下滚动页面时，用户将显示新的相关内容。

这个网站有一个我正在看的设计的例子，请忽略我不会在我的网站上使用的内容。我说的更多是关于当你向下滚动的时候，它是如何有各种不同的部分的。

http://www.elegantthemes.com/gallery/divi/

问题

这个设计有具体的名称吗？我有兴趣了解更多关于它的知识，并找到更好的例子，但我很难找到网站，特别是关于实现这一点。一个设计名称，我可以研究更多将是完美的，任何资源建设这种风格，特别是也将欢迎。

最佳答案

在与人交谈时，我认为最好的答案是，这是一个滚动网站的设计。这似乎有点简单，但它不太适合任何更具体的设计。我选择视差，因为它的结果使我能够更好地使用google和示例来说明我试图指定的内容。我还将分享我在搜索中找到的一些好例子。

编辑

做了更多的研究，并在一个特定的网站上使用这种设计模式。我找到了一个更好的答案。这些被称为滚动站点，也称为单页站点。还有一些像这个一这样的JS库，可以帮助您构建自动滚动功能。

有用的滚动ui工具：http://janpaepke.github.io/ScrollMagic/

有趣的内容和好的视差站点：http://kennedyandoswald.com/#!/jfk-bio

Answer 1

它类似于视差滚动：

http://www.awwwards.com/30-great-websites-with-parallax-scrolling.html

Answer 2

它被称为“无限滚动”。

相关xkcd：https://xkcd.com/1309/

Answer 3

Bootstrap的滚动间谍当然有一些内置的想法，您可以在其中定义触发其他操作的部分：http://getbootstrap.com/javascript/#scrollspy。

虽然它们的功能特别适用于正在更新的菜单，但我相信这些事件也可以用来触发其他事情。