Lungo transition in reverse direction. 反转效果

原文链接(被墙了,你懂的~)

LungoJS中支持三种页面切换效果slide、cover、fade. 根据一般流程都是通过slide动画切换下一页,如果要回到上一页,而不是单纯的回到首页,这时候Lungo就没有办法了,在jquery mobile 中可以通过设置data-direction="reverse slide".

其实,Lungo的transition效果都是写在css文件当中的Lungo transition in reverse direction. 反转效果_第1张图片  direction有四种方式:

in / out 一般切换效果,一个进一个出

back-in / back-out 方向相反的一个进一个出,data-back属性和Lungo.Router.back() 就是这两个样式的效果

Lungo.Router.section('#target-in");    // 将页面切换回来
$('#target-out').data('direction', 'back-out');    // 手动更改direction
$$('#target-in').data('direction', 'back-in');    // 原理同上

经本人验证:无论是data-view-section或是Lungo.Router.section实现的换页效果,都可以通过这个方法切换回来


你可能感兴趣的:(reverse,Lungo)