javascript - 这是什么前端设计模式

标签 javascript html css design-patterns frontend

我正在构建一个网站,并且一直在研究各种前端设计。我见过许多具有交互式垂直部分的现代站点。这意味着当您向下滚动页面时,用户会看到新的相关内容。

本网站有一个我正在查看的设计示例,请忽略我不会在我的网站中使用的内容。当您向下滚动页面时,我将更多地谈论它如何具有各种谨慎的部分。

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

问题

这个设计有具体的名称吗?我有兴趣了解更多有关它的信息并找到更好的示例,但很难找到专门关于实现它的网站。一个我可以进一步研究的设计名称将是完美的,也欢迎任何专门构建这种风格的资源。

最佳答案

在与人交谈时,我认为最好的答案是这是一个滚动网站设计。这看起来有点简单,但它不太适合任何更具体的设计。我选择了视差,因为它的结果使我能够更好地搜索谷歌搜索和我试图指定的示例。我还将分享一些我在搜索中发现的好例子。

编辑

进行了更多研究,并使用这种设计模式在特定站点上工作。我找到了更好的答案。这些称为滚动站点,也称为单页站点。还有很多这样的JS库one , 以帮助您构建自动滚动功能。

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

最佳答案

关于javascript - 这是什么前端设计模式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22648784/

相关文章:

javascript - jQuery mouseover/mouseleave event.stopPropagation()

javascript - 在 reactjs 中的表中设置初始滚动

html - 尝试使用 HTML/CSS 对齐内联图像下的文本

html - 调整我的 div 大小时,内容脱落,我得到一个滚动条来水平调整屏幕。 (站点宽)

html - 简单的 CSS : Moving Object From Line Below To Above

javascript - 如何在内容不淡入的情况下淡入新背景?

javascript - 如何读取 php cookie 值中的 jquery cookie 值?

c# - 我可以在不使用浏览器对象的情况下直接在 WPF 中调用 javascript 吗?

html - 在 css 中垂直对齐文本时跳转 DIV

html - 如何在 Bootstrap 上更改事件颜色?