Angular JS retain scroll position after reload

Question

I've got a ul > li list of items, with a reload button on top. If I hit the reload button, items are added async to the data model. Every time an item is added to the model, it is shown in the view, and the browser scrolls to the top. It's an Cordova app (HTML5). I can of course remember scroll position and scroll back, but that might become visible and is just a hack imo.

How can I make sure the scroll position stays at the same place?

Mikalai · Accepted Answer · 2014-10-10 11:11:25Z

1

I think the problem is:

You click reload button
Your code clears array of items and it triggers angular to rebuild DOM, scroll automatically scroll to top

I suggest the solution, try to use $track by $index in angular ng-repeat https://docs.angularjs.org/api/ng/directive/ngRepeat

answered Oct 10, 2014 at 11:11

Mikalai

1,5258 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Angular JS retain scroll position after reload

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related