zoukankan      html  css  js  c++  java
  • 单页面跳转添加返回和跳转动画(仿app) 只对单页面和跳转有用,我用的是angualr,有不会的可以私信问我。

    var pageManager = {

    _pageIndex: 1,

    init:function() {

    var self = this;

    $scope.$on('$locationChangeStart', function() {

    var state = history.state || {};

    console.log(state._pageIndex)

    console.log(self._pageIndex)

    if(state._pageIndex <= self._pageIndex) {

    console.log('返回')

        //添加动画样式

      self._back();

    } else {

    console.log('跳转')

        //添加动画样式

    self._go();

    }

    if(history.state) {

    this._pageIndex = history.state._pageIndex;

    }

    this._pageIndex--;

    return this;

    });

    },

            _go: function (config) {

                this._pageIndex ++;

                history.replaceState && history.replaceState({_pageIndex: this._pageIndex}, '', location.href);

                return this;

            },

            _back: function (config) {

                this._pageIndex --;

                return this;

            },

    }

        .init();

  • 相关阅读:
    浅析WPhone、Android的Back与Home键
    Android音频播放之SoundPool
    Button、ImageButton及ImageView详解
    文本 To 音频
    gravity、layout_gravity及orientation
    项目规范性检测工具Lint
    Android视频播放之VideoView
    ContentProvider数据访问详解
    QQ第三方登录
    Android数据共享
  • 原文地址:https://www.cnblogs.com/zyzhao/p/7479792.html
Copyright © 2011-2022 走看看