javascript - 如何在单页应用中添加滑动页面过渡？

Question

我正在为我的路线使用 Sammy.JS，我可以使用它的回调来隐藏和显示我的页面，但转换效果不佳。我想要的是从右到左显示页面，或者当返回时，它会从左到右。

var app = Sammy('body', function() {

    this.get('#/start', function() {
        $('.app_page').hide();
        $('#start').show();
    });

    this.get('#/end', function() {
        $('.app_page').hide();
        $('#end').show();
    });

});

是否有任何框架或插件？

Answer 1

我假设您正在寻找页面之间的 android 转换之类的东西，在这种情况下您必须知道 web 还没有完全准备好，尽管这是可能的，但是您必须考虑动画页面时发生的许多问题，例如作为定位(您必须将定位设置为固定的，这可能会导致很多问题)或长而重的页面的动画性能。
我没有遇到过成熟的 javascript 库，每个人都只是使用自己的代码，因为不同的网页需要不同的 css 样式。
拥有漂亮动画的最佳方法是保持简单和轻便，例如带有一点点变换和缩放的淡入淡出效果。
如果你真的想做动画，你最好自己做，绝对使用 css 动画(不是 jquery)并在完成后删除动画(为了性能)。
并编写一个 javascript 函数来检查是否支持动画(如果不支持旧方式)。
如果您需要更多信息，请告诉我。我确实在我自己的 javascript 框架中尝试了页面转换，它工作正常，但只有在我前 100 次失败之后。