Javascript 如何在单页应用程序中添加滑动页面转换?
我将Sammy.JS用于我的路由,我可以用它的回调隐藏和显示我的页面,但是转换不好。我想要的是从右到左显示页面,或者当返回时,是从左到右Javascript 如何在单页应用程序中添加滑动页面转换?,javascript,jquery,single-page-application,sammy.js,Javascript,Jquery,Single Page Application,Sammy.js,我将Sammy.JS用于我的路由,我可以用它的回调隐藏和显示我的页面,但是转换不好。我想要的是从右到左显示页面,或者当返回时,是从左到右 var app = Sammy('body', function() { this.get('#/start', function() { $('.app_page').hide(); $('#start').show(); }); this.get('#/end', function() {
var app = Sammy('body', function() {
this.get('#/start', function() {
$('.app_page').hide();
$('#start').show();
});
this.get('#/end', function() {
$('.app_page').hide();
$('#end').show();
});
});
这有什么框架或插件吗?
我假设你正在寻找一些像页面之间的Android转换之类的东西,在这种情况下你必须知道Web并不是完全准备好的,尽管它是可能的,但是你必须考虑动画页面时发生的许多问题,比如定位。(必须将定位设置为固定,这可能会导致很多问题)或长而重的页面的动画性能。我遇到过没有成熟的javascript库,每个人都只使用自己的代码,因为不同的网页需要不同的css样式。
制作一个好的动画最好的方法是保持简单和轻,就像一个带有一点变换和缩放的淡入效果。
如果你真的想做动画,最好是你自己做,一定要使用css动画(不是jquery)并在完成后删除动画(为了性能)。
并编写一个javascript函数来检查动画是否受支持,如果不按旧的方式进行操作。
如果你需要更多的信息,请告诉我。
我确实在我自己的javascript框架中尝试了页面转换,它工作得很好,但只是在我第一次失败100次之后。我建议您使用
jquery动画来实现您的目标
- 首先,您可以学习css
转换
(用于页面从右向左的效果)
- 其次,您可以将jquery动画与
.show()
一起使用
你可以结合这些技巧来满足你的需求