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转换之类的东西，在这种情况下，你必须知道网络还没有完全准备好，虽然它可能，但你必须考虑许多问题，当发生时动画页面，例如定位（您必须将定位设置为固定且可能导致很多问题）或动画对于长页面和重页面的性能。
我没有遇到过成熟的javascript库，每个人只是使用自己的代码原因来处理不同的网页，需要不同的CSS样式。
拥有漂亮动画的最佳方法是保持简单和轻盈，就像通过一点变换和缩放一样的褪色效果。
如果你真的想做动画，你自己做的最好，绝对使用css动画（不是jquery）并在动画完成后删除它（为了表现）。
并编写一个javascript函数来检查是否支持动画，如果不是旧的时尚方式如果您需要更多信息，请告诉我。我确实在我自己的javascript框架中尝试了页面转换，它工作正常，但只有在我前100次失败后才能正常工作。

Answer 2

我建议您使用jquery animation来实现目标。

首先，您可以学习css transition（从右到左页面效果。）
其次，您可以在.show()，Example

您可以结合这些技巧来满足您的需求。

如何在单页面应用程序中添加滑动页面转换？

2 个答案: