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

临文乍了了,彻卷兀若无。这篇文章主要讲述单页面跳转添加返回和跳转动画(仿app) 只对单页面和跳转有用,我用的是angualr,有不会的可以私信问我。相关的知识,希望能为你提供帮助。
p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 15.0px Consolas; color: #596972 } p.p2 { margin: 0.0px 0.0px 0.0px 0.0px; font: 15.0px Consolas; color: #2eafa9 } p.p3 { margin: 0.0px 0.0px 0.0px 0.0px; font: 15.0px Consolas; color: #97a700 } span.s1 { color: #6b82d9 } span.s2 { color: #97a700 } span.s3 { color: #ad5cff } span.s4 { color: #596972 } span.s5 { color: #3c7400 } span.s6 { color: #d8a100 } span.s7 { color: #2eafa9 } span.s8 { color: #b58a00 } span.Apple-tab-span { white-space: pre }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();
}
【单页面跳转添加返回和跳转动画(仿app) 只对单页面和跳转有用,我用的是angualr,有不会的可以私信问我。】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();

    推荐阅读