Minimize white blank screen issue on fast scrolling

[Husnain-Asharf]

• I have long list items when i scroll fast it shows blank screen first than add items. It looks not good.

• I was thinking that scrollDebounceTime or scrollThrottlingTime will fix this issue but their work is that they refresh dom after given time but user can still see white blank screen on fast scroll.

• Is there anyway i can control scroll speed or distance to limit to specific scroll position. So that white blank screen issue can be minimized.

• Other than partial load because i have to show all data at once.

• I am using ionic 5.

[rickwalking]

I think a good workaround to this is basically add a skeleton while content is loading.

[i2Echo]

I think a good workaround to this is basically add a skeleton while content is loading.

but when should i add a skeleton, or any hook could i show&hide it.

[abc516]

Hey, I'm bumping this issue because I am currently experience it. I'm using Angular v 9.1.9, and ngx-virtual-scroller v 4.0.3.

@rintoj any advice on how to handle this?

[gaoyajiang]

When you insert an item into the list, the list will move up. Have you encountered this?

[estebancastrosola]

Hey, i have the same issue with old devices. I want to show a skeleton but i don't know what events say me 'show skeleton' and 'hide skeleton'.

Thanks

[ontvzla]

Having the same issue. It seems it would be pretty difficult to have two specific events/hooks to know when to show or hide a placeholder (without affecting the regular behavior, like when scrolling but not too fast).