【问题标题】:Angular JS retain scroll position after reloadAngular JS在重新加载后保留滚动位置
【发布时间】:2014-12-05 12:12:31
【问题描述】:

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

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

【问题讨论】:

    标签: javascript jquery css angularjs cordova


    【解决方案1】:

    我认为问题是:

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

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

    【讨论】:

      猜你喜欢
      • 2020-03-14
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-11-18
      • 1970-01-01
      • 2016-03-07
      • 2012-10-16
      • 2015-02-20
      相关资源
      最近更新 更多