单页面跳转添加返回和跳转动画（仿app） 只对单页面和跳转有用，我用的是angualr，有不会的可以私信问我。
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了单页面跳转添加返回和跳转动画（仿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();
以上是关于单页面跳转添加返回和跳转动画（仿app） 只对单页面和跳转有用，我用的是angualr，有不会的可以私信问我。的主要内容，如果未能解决你的问题，请参考以下文章