Angular JS在重新加载后保留滚动位置
Angular JS retain scroll position after reload
我有一个ul>li项目列表,顶部有一个重载按钮。如果我点击重载按钮,项目将异步添加到数据模型中。每次向模型中添加项目时,它都会显示在视图中,浏览器会滚动到顶部。这是一个Cordova应用程序(HTML5)。我当然记得滚动位置和向后滚动,但这可能会变得可见,只是一个黑客攻击。
如何确保滚动位置保持在同一位置?
我认为问题是:
- 单击"重新加载"按钮
- 您的代码清除项目数组,并触发angular来重建DOM,自动滚动到顶部
我建议解决方案,尝试在angular ng repeat中使用$track by $index
https://docs.angularjs.org/api/ng/directive/ngRepeat
相关文章:
- 禁用滚动,但保留滚动条CSS
- 在iPad Web App上拖放 - 同时保留滚动功能
- 保留选项后的滚动位置(单击时)
- 删除滚动条,但保留滚动功能
- 如何禁用滚动但保留使用锚链接滚动的功能
- EXT-JS 4.2.1 保留表单 - 面板滚动条的当前位置
- 角度UI网格无限滚动/分页不保留以前的数据
- 溢出:删除元素时,带有子 TABLE 滚动条的 DIV 上的自动滚动条会保留
- 基于鼠标位置的滚动将点击事件保留在前台
- 执行列排序后,dgrid 无法保留滚动位置
- 如何修复页面顶部的导航栏并在页面滚动时将其保留在那里
- 即使在使用javascript重新加载后,也要保留滚动条的位置
- 使用jquery保留滚动条位置
- Angular JS在重新加载后保留滚动位置
- 滚动到锚点,同时保留哈希
- 如何隐藏网页滚动保留滚动功能
- 实现漂亮的滚动条,并保留本地功能
- 通过重定向返回来刷新视图,同时在Rails中保留滚动位置
- 自动HTML页面刷新保留滚动位置,与锚一起工作
- 在保留滚动的同时禁用滚动条