I have an application that holds a list, which right now contains something like 20 elements, with 2 of them fitting in the screen at once. In my Galaxy Nexus running Android 4.4.3 the scroll is very slow and the application often freezes if I swipe to scroll. Each element in this list has roughly 10 bindings, but I’m already using bind once to optimize that.
The code looks something like this:
<ion-content> <div class="list card" bindonce ng-repeat="campaign in campaigns track by campaign.id"> ...code to render each element... </div> <ion-content>
I have looked into ion-scroll but I can’t even get that to work.
It should also be noted that even when running on the browser there are huge memory spikes when I simulate a swipe scroll. Is there a way I can optimize this? I’m pretty damn lost.
Just tried experimenting with overflow-scroll set to true. Silky smooth scroll, until, for some reason, content stops showing up and I get a white avoid when I’m halfway through the list.