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();

  • 相关阅读:
    文件传输协议FTP
    过河问题 还是不会 去学请教一下 数学老师 -----
    ----堆栈 STL 函数库 ----有待补充
    UVa 101
    例题 5-1 STL
    课后题 3-3 水题
    第八届河南省省赛 A.挑战密室
    课后题--------求分子量-----Molar mass------
    课后题3-1
    ---------快排-----表排-----基数排序(桶排序)-----
  • 原文地址:https://www.cnblogs.com/zyzhao/p/7479792.html
Copyright © 2011-2022 走看看