Lungo transition in reverse direction. 反转效果

为什么80%的码农都做不了架构师？>>>

原文链接（被墙了，你懂的~）

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

其实，Lungo的transition效果都是写在css文件当中的 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实现的换页效果，都可以通过这个方法切换回来

转载于:https://my.oschina.net/rc6688/blog/161889

Lungo transition in reverse direction. 反转效果相关推荐

JS----javascript中使用reverse()方法反转数组
1. JavaScript中的Array对象提供了一个reverse()方法用于反转(颠倒)数组中的元素. arrayObject.reverse() 要注意的是,这个方法会改变原来的数组,而不会创建 ...
html做app的切换效果,Vue-router结合transition实现app动画切换效果实例分享
本文主要为大家带来一篇Vue-router结合transition实现app前进后退动画切换效果的实例.小编觉得挺不错的,现在就分享给大家,也给大家做个参考.一起跟随小编过来看看吧,希望能帮助到大家. ...
7. Reverse Integer(反转整数)
给定一个 32 位有符号整数,将整数中的数字进行反转. 示例 1: 输入: 123 输出: 321 示例 2: 输入: -123 输出: -321 示例 3: 输入: 120 输出: 21 注意: 假 ...
[C/C++] String Reverse 字符串反转
#include <iostream> #include <string> #include <algorithm> #include <cstring> ...
transition实现隐藏显示菜单栏效果
今天使用<transition>标签做了隐藏显示菜单栏的效果,下面和小编一起来看看如何实现吧我们知道<transition>标签是用来做动画效果的,把菜单栏的隐藏和显示看做一 ...
使用transition实现图片轮播效果
前言无缝轮播一直是面试的热门题目,而大部分答案都是复制第一张到最后.诚然,这种方法是非常标准,那么有没有另类一点的方法呢? 第一种方法是需要把所有图片一张张摆好,然后慢慢移动的, 但是我能不能直接不 ...
reverse函数 ——反转容器内容
reverse函数功能是逆序(或反转),多用于字符串.数组.容器.头文件是#include #include<bits/stdc++.h>using namespace std;int m ...
Lined List 链表总结 Reverse链表 - 反转（python） leetcode 206 92
今天来总结下关于链表的反转操作目录: - 206 Reverse Linked List - 92 Reverse Linked List II 解读:这道reverse操作,我们采用two poi ...
如何用transition实现翻书动画效果
下面给大家介绍一个小案例,可以实现翻书的效果,以打开音乐盒为例. 这个案例主要是运用了一个transition的坐标轴,在动画效果中,要求以第二张图片的边缘进行翻页. 代码如下: 先放入两张图片在bo ...

Lungo transition in reverse direction. 反转效果

Lungo transition in reverse direction. 反转效果相关推荐

最新文章

热门文章