javascript - 一个像幻灯片一样工作的单页网站

Question

这里是what I am trying to replicate .

这是一个单页网站。您可以使用键盘、鼠标、鼠标滚动或滑动来“向下”导航。还有一些向左/向右导航的轮播。每张“幻灯片”都适合全高页面直至折叠。但所有幻灯片放在一起仍然是一个 HTML 文档。

我可以尝试使用自定义代码重新创建它，但是有很多问题，例如检测屏幕尺寸、粘性页脚、填充屏幕空间、调整图像大小等。

肯定有一个插件可以做到这一点，或者可能是一个很好的教程、示例......或“某些东西”？我正在使用 ASP.NET-MVC，但通用解决方案也是一个很好的起点!

更新以安抚“问题太广泛”的编辑:
- 如何检测到达幻灯片的末尾？ ->jQuery Waypoints 插件
- 如何滚动到下一张“幻灯片”？我假设有类似 jQuery scrollTo 插件的东西？
- 如何进行左/右导航？
- 如何使用该示例中的动画向左/右和上/下移动幻灯片？
- 如何添加书签/跳转到页内链接(这是转到特定幻灯片的触发器)

Answer 1

这称为视差滚动技术。

Tutorial Simple version

幻灯片放映称为 Carusel(如果您在 ASP .NET MVC 中使用默认的 boostrap)。

您可以制作自己的一页应用程序。 您可以see这些网站。