什么是前端设计模式

Question

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

这个网站有一个我正在看的设计的例子，请忽略我在我的网站上使用它的内容。当你向下滚动页面时，我会更多地谈论它有多种谨慎的部分。

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

问题

此设计是否具有特定名称？我有兴趣了解更多相关信息并找到更好的例子，但我很难找到专门针对实现这一点的网站。我可以看到更多的设计名称是完美的，并且特别建立这种风格的任何资源也是受欢迎的。

最佳答案

在与人交谈时，我认为最好的答案是这是一个滚动的网站设计。这看起来有点简单，但它并不适合任何更具体的设计。我选择了视差，因为它的结果让我得到了更好的google seraches和我试图指定的例子。我还会分享一些我在搜索中找到的好例子。

修改

进行了更多研究，并使用此设计模式在特定网站上工作。我找到了一个更好的答案。这些称为滚动网站，也称为单页网站。还有许多像这个one的JS库，可以帮助你构建自动滚动功能。

有用的滚动ui工具：http://janpaepke.github.io/ScrollMagic/
有趣的内容和良好的视差网站：http://kennedyandoswald.com/#!/jfk-bio

Answer 1

它被称为＆＃34;无限滚动＆＃34;。

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

Answer 2

它类似于Parallax Scrolling：

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

Answer 3

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

虽然他们的东西特别适用于正在更新的菜单，但我确信这些事件也可用于触发其他事情。