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

这是

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

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

当然有一个插件可以做到这一点，或者可能是一个很好的教程，示例。。。还是什么？我正在使用ASP.NET-MVC，但通用解决方案也是一个很好的起点

更新以安抚“问题过于宽泛”的编辑：
-如何检测到达幻灯片末尾的情况？->jQuery航路点插件
-如何滚动到下一张“幻灯片”？我假设类似jQuery scrollTo插件的东西？
-如何进行左/右导航？
-如何使用该示例中的动画左/右和上/下移动幻灯片？

---

-如何添加书签/跳转到页面内链接（这些链接是指向特定幻灯片的触发器）

这称为视差滚动技术

以及名为Carusel的幻灯片（如果您在ASP.NETMVC中使用默认boostrap）

您可以创建自己的单页应用程序。

---

你可以访问这些网站。

我不想做一个真正的“Powerpoint风格”网站。有很多这样的例子。这个网站比较简单，感觉不像Powerpoint。我似乎可以使用jQuery“Waypoints”插件来检测新幻灯片/页面的到达，然后在脚本中移动内容。但是转换仍然是我要解决的问题，还有屏幕/视口大小。太宽/建议查找工具或库/不努力。真的吗？你试试找个工具，看看你能想出什么好办法？没有什么！这就是我问这个问题的原因。不，它不太宽。我在一个非常具体的用户体验范例上寻求帮助。我想要的不是主流（就像现在的Powerpoint克隆版一样）。这些链接中有很多有趣的想法。。。谢谢特别是waypoints插件将有所帮助。但是，我想做的不是视差。视差是指，例如，当你有一个看似移动的背景，或各种项目出现分层。我只想做一个简单的幻灯片，就像我发布的那个例子一样。经过再三思考，有些转换类似于视差，但这不是问题的关键……好吧，我明白了：）Sry为被误解的人。如果你想用wayspoints呈现一些幻灯片，你可以使用这个工具：）。Prezi设计了这个工具，但它还有其他一些特性。