javascript - 使用 JavaScript 让页面滑入？

Question

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

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

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

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

谢谢

Answer 1

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

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

另请参阅：http: //jsfiddle.net/jkDUm/ 它可能没有显示您正在寻找的确切效果，但它展示了这个想法......