Angular JS在重新加载后保留滚动位置

时间:2014-10-10 10:38:04

标签: javascript jquery css angularjs cordova

我有一个ul> li项目列表,顶部有重新加载按钮。 如果我点击重新加载按钮,则会将项目异步添加到数据模型中。每次将项目添加到模型时,它都会显示在视图中,并且浏览器会滚动到顶部。 这是一个Cordova应用程序(HTML5)。 我当然可以记住滚动位置并向后滚动,但这可能会变得可见,只是一个黑客imo。

如何确保滚动位置保持在同一位置?

1 个答案:

答案 0 :(得分:1)

我认为问题是:

  • 您点击重新加载按钮
  • 您的代码会清除项目数组,并触发角度来重建DOM,自动滚动滚动到顶部

我建议使用解决方案,尝试在角度ng-repeat中使用$track by $index https://docs.angularjs.org/api/ng/directive/ngRepeat