Hi, I try to remove an item from virtual scroll without reset virtual scroll (retain the position in the scroll). I tried: splice => reset the virtual scroll, lost scroll position hiding item => the next item does not go up in the list ( so there is a blank space ) Someone would have any idea?

you should provide some code so we can see where the problem is. Copy here some code of your .html and (.ts or .js) files. Without any code it’s pretty hard to help.

Yeah Sorry about that. <ion-list [virtualScroll]="item" approxItemHeight="200px" approxHeaderHeight="0px" approxFooterHeight="0px"> <ion-card *virtualItem="let item;let idx = index" (click)="itemTapped($event, item)" (swipe)="itemSwipeEvent(item,$event, idx)" …

one quick solution I could think of is that you could add a class to your ion-card eg “hideIonCard” when you swipe to remove it. CSS The difference in css between visibility:hidden; and display:none; is that display:none doesn’t keep the actual space it took. That would be the easiest way I thin…

Thanks a lot that’s work. (How could I have not remember that. Difference between hidden and display: none) I also use the “footer” in virtual scroll, to add an “ion-card” when index=10. <ion-list [virtualScroll]="arrayArticles" approxItemHeight="200px" approxHeaderHeight="0px" appro…

Maybe I should create a new post on this subject, it’s a little different

I have created a post for the problem on footer. https://forum.ionicframework.com/t/virtual-scroll-remove-hide-footer-from-the-list/54054

In fact , I was “rebinding” the view. Without rebind with display:none: item dissappers from the list, but the next elements does not go up in the list, there is blank space.

Please open an issue on Github about this exact issue. You’re not the only one having the problem. No matter the changes you do to the original object, VirtualScroll will always recalulate itself and force to init position.

Thanks for your reply. Indeed, there is an issue: [image] Issue: Virtual Scroll: Can't remove or hide an item in virtual scroll without reset virtual scroll opened by jeromeXoo on 2016-06-23 closed by jgw96 on 2016-12-28 Short description of the problem: It is not possi…

Virtual Scroll - remove or hide item without reset (lost scroll position)

Ionic Framework ionic-v3

LAFONT June 23, 2016, 1:16pm 9

if someone have a clue, it will be welcome.

Topic		Replies	Views
Virtual Scroll - Remove/Hide footer from the list ionic-v3	0	1852	June 6, 2016
Remove Item from Virtual Scroll ionic-v3	3	2186	December 25, 2017
VirtualScroll elements disappear to early from the view ionic-v3	8	2540	July 19, 2021
virtualScroll and empty list problem ionic-v3	4	2562	November 28, 2016
Issue with VirtualScroll ionic-v3	0	311	August 29, 2016

Virtual Scroll - remove or hide item without reset (lost scroll position)

Related topics