單頁面跳轉添加返回和跳轉動畫（仿app） 只對單頁面和跳轉有用，我用的是angualr，有不會的可以私信問我。

標籤：ref   color   apple   manager   col   pre   ack   hit   start   

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，有不會的可以私信問我。