单页面跳转添加返回和跳转动画（仿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();

}

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