Html 在网页中滑动

我正在寻找一种简单的方法，可以在整个页面中从右向左向后滑动，就像在iOS中一样

我已经在这个网站上找到了各种各样的解决方案，但似乎没有一个能按我想要的方式运行。还有一个别人提了两年的问题，但结果只是并排写了两页

我的主要问题是：

我不能同时设置两个div和一个隐藏的div，因为我 有多个子页面

我不能使用jQuery循环插件，因为它是一个响应页面 不应该是静态的

如果可能的话，我更喜欢不基于框架的解决方案。但别麻烦把我和你联系起来。尝试过了，但与他的演示不同，github的源代码不起作用

再一次，我尝试在整个页面中滑动，而不是在页面中滑动内容。它不是一个移动站点

---

提前感谢您，非常感谢您的帮助。

这是我的简单演示，它使用jQuery动画来推动页面转换。主体宽度是在触发事件时计算的。

无法在导航时执行动画。所有一起制作动画的东西都必须是同一页的一部分——即使只是技术上的和暂时的。我建议你使用2yo问题。哦，我不知道。然而，这种解决方案仍然是不可能的，因为有两个以上的页面。你可以动态地移动页面，甚至在动画开始之前取回页面。移动页面可能是一种好方法，但在这种情况下不是这样，因为它是一个包含大量大图像的组合网站，加载需要花费很长时间。取回它们听起来很有希望，尽管我必须承认我不知道这是怎么回事。你介意简单解释一下吗？1当用户单击一个链接时，在左边的下一页创建一个新的div:100%，并在那里加载目标。2加载完成后，将cur-page向左动画：-100%，将next-page向左动画：0 3动画完成后，删除cur-page并将next-page重命名为cur-page。谢谢！基本上它是按要求工作的，但是有什么方法可以提高平滑度吗？您可以在animate函数中更改持续时间的长度，使用easing或使用jQuery UI来扩展animate API。来自jquerydoc的参考可能有助于测试不同的持续时间，并设法对其进行了一些改进，尽管仍然不稳定。使用“后退”按钮时也会导致问题。我想我会选择上面建议的抓取解决方案，如果我能找到答案的话。。。