單頁面跳轉添加返回和跳轉動畫（仿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，有不會的可以私信問我。