页面转换无法正常工作

时间:2015-07-29 21:22:46

标签: javascript css angularjs css3

我尝试使用angularjs" ngAnimate"来实现页面转换。

当页面加载动画时,从下到上,css动画在第一页加载时正常工作。

但是当按下"转到..."更改页面时或"返回"位于页面底部,动画无法正常工作。

这些是文件:[Plunker] [1]

感谢。

[1]: http://plnkr.co/edit/j7r3s33Y3GcTyH2Fop9K?p=preview

1 个答案:

答案 0 :(得分:0)

Angular页面不再考虑窗口顶部,而是考虑滚动页面。

解决方案是在主控制器中添加它:

// RESET NG-VIEW TOP POSITION
$scope.$on("$routeChangeSuccess", function (event, currentRoute, previousRoute) {
    window.scrollTo(0, 0);
});