Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Update to lower amount of Elements, scroll issue, empty space on bottom #22

Closed
vitoexe opened this issue Feb 23, 2017 · 1 comment
Closed

Comments

@vitoexe
Copy link

vitoexe commented Feb 23, 2017

If You have ie. 1000 element list, then scroll to bottom, and reduce list to 100 elements (update from api).
After refresh(), the list of elements are above virtual-scroll, leaving empty space in scroll area.

Any ideas how to solve this problem?

virtual-scroll

@vitoexe vitoexe changed the title Update() of lower amount of Elements, scroll issue, empty space on bottom Update to lower amount of Elements, scroll issue, empty space on bottom Feb 23, 2017
@rintoj rintoj closed this as completed in b9cd032 Mar 6, 2017
@rintoj rintoj mentioned this issue Mar 23, 2017
@SIVANAGARAJ
Copy link

SIVANAGARAJ commented Jul 14, 2018

The above fix not worked for variable height and width of viewport.I fixed by below code

This below fix will work even for variable height viewport items.
[virtualScroll], virtual-scroll {
overflow: hidden;
overflow-y: auto;
border: 1px solid #d1dadf;
height: calc(100% - 10px); //use to avoid empty space
display: block;
}

and set minimum child height example [childheight]="30" and set parent container overflow-y:hidden

this fix resolved for me.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants