【发布时间】：2013-01-17 03:02:16
【问题描述】：
我正在寻找一种在整个页面中滑动的简单方法，从右到左再到后退，就像在 iOS 中一样。
我已经遇到过各种各样的解决方案，也在这个网站上，但它们似乎都没有按照我想要的方式运行。还有一个两年前的问题"Sliding An Entire Web Page" 由其他人提出，但结果只是并排的两页。
我的主要问题是：
我不能并排设置两个 DIV 并隐藏一个，因为我 有多个子页面。
我不能使用 jQuery Cycle 插件，因为它是一个响应式页面 并且不应该是静态的。
如果可能，我更喜欢不基于框架的解决方案。但不要费心把我链接到HTML Page Slide Without a Framework。试过了，但和他的Demo不同的是，来自github的源代码不起作用。
我再次尝试在整个页面中滑动，而不是在页面中的内容。它不是移动网站。
提前感谢您，非常感谢您的帮助。
【问题讨论】：
-
无法在导航上执行动画。一起动画的所有东西都必须是同一页面的一部分——即使只是技术上和暂时的。我建议你使用 2yo 问题。
-
哦，我不知道。然而，由于页面超过两页，该解决方案仍然是不可能的。
-
您可以动态移动页面，甚至可以在动画之前获取它们。
-
移动它们可能是一个好方法，但在这种情况下并非如此，因为它是一个包含大量大图像的投资组合网站，并且需要很长时间才能加载。获取它们听起来很有希望，但我必须承认我不知道它是如何工作的。你介意简单解释一下吗？
-
1) 当用户点击一个链接时，在
left:100%创建一个新的div#next-page并在那里加载目标。 2) 加载完成后，将#cur-page动画化为left:-100%，将#next-page动画化为left:03) 动画完成后，移除#cur-page并将#next-page重命名为#cur-page。