使用JavaScript让页面滑入？

我正在创建一个基于web的移动应用程序，并寻找一种在页面之间滑动的方法

目前，我将所有页面（都是div）设置为绝对，并将它们完全放置在彼此的顶部。一次只能看到一个页面，当用户单击按钮时，它会隐藏当前页面，并将按钮目标页面的可见性设置为true

我需要页面滑动，就像iOS和其他移动平台一样。使用jQuery Mobile不是我的选择（我自己正在创建一个框架）

如果有人能建议我如何让页面滑入而不是立即剪切和显示，我将不胜感激

---

谢谢

您可以使用css转换来设置div位置的动画，例如

.page {
    position: absolute;
    transition: left 1s;
    left: 100%;
}
.page.in {
    left: 0
}

另见：

---

它可能没有显示您想要的确切效果，但它展示了这个想法……

您在jquery中查看了

animate

函数了吗？您应该能够使用它来设置

sThanks左边框的动画！我该如何处理大量页面？单击新页面等时，我应该如何重置它们？感谢这个想法是在中正好有一个类为

的页面。若要更改页面，请从当前页面中删除该页面，并将其添加到应该可见的页面。如果要在转换完成后执行某些工作，可以侦听转换结束事件。谢谢，伙计，谢谢你的回答。