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

  • 相关阅读:
    有用的文件(配置文件)
    gulp webpack 区别
    vue ssr
    微信小程序自定义组件
    mpvue 搭建小程序
    【转】DotNet加密方式解析--非对称加密
    java RSA加密算法
    【转】C#中RSA加密解密和签名与验证的实现
    C# 字符串 分割 反转 Base64
    RSA加密算法
  • 原文地址:https://www.cnblogs.com/zyzhao/p/7479792.html
Copyright © 2011-2022 走看看