javascript - 页面转换无法正常工作

标签 javascript angularjs css

我正在尝试使用 angularjs“ngAnimate”实现页面转换。

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

但是当按下位于页面底部的“Go to ...”或“Back”改变页面时,动画无法正常工作。

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

谢谢。

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

最佳答案

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

解决方案是在主 Controller 中添加:

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

关于javascript - 页面转换无法正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31711396/

相关文章:

javascript - Javascript 中如何判断字符串是否包含多字节字符?

javascript - 使用 JavaScript 仅为在父级中单击的子级更改类

javascript - 让一个 Controller 中的 radio 隐藏/显示另一个 Controller 中的元素

html - 使跨度在悬停 css 上可见

javascript - 无法从父级访问嵌套元素

javascript - 多维JSON结构问题

javascript - 带 ng-repeat 的条件 HTML

javascript - 从对象列表创建对象成员列表

css - 第 N 个子列表显示错误

html - Safari 中具有显示 flex 的按钮高度不统一