question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

With enableUnequalChildrenSizes and loading chunks list jumps when scrolling

See original GitHub issue

With a list items of variable height between (100px - 200px) enableUnequalChildrenSizes working fine at initial setting of items. After loading multiple chunk data at bottom causes list to jump while scrolling. I tried virtualScroll.refresh() after adding new concatenated items, still it jumps, jerks between scrolling.

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:17

github_iconTop GitHub Comments

3reactions
kykintcommented, Aug 29, 2018

https://github.com/rintoj/angular2-virtual-scroll/pull/231

Very quick fix, but it works. I introduced a new input parameter compareItems - this is a function which can compare items of virtual scroll. By default it is very simple, but can be changed to comparing JSON.stringify or id.

2reactions
kykintcommented, Aug 29, 2018

Hello. I got the problem, I can make a fix today or tomorrow (based on my time)

Read more comments on GitHub >

github_iconTop Results From Across the Web

angular2-virtual-scroll - Bountysource
I was checking virtual scroll list with reactive forms. ... then return to the feed and restore the scroll position, terrible glitches begin,...
Read more >
Fast scrolling makes you miss chunks of the website?
This happens often, when I scroll down, or up (previous viewed content as well), it has to load parts of the website, and...
Read more >
ngx-virtual-scroller - npm
Virtual Scroll displays a virtual, "infinite" list. Supports horizontal/vertical, variable heights, & multi-column.
Read more >
How to programmatically scroll to item with angular's material ...
I want to programmatically scroll down to it when that item comes from the server. I the docs there is a scrollToIndex method....
Read more >
Simple way to load small chunks of data as you scroll in Angular
This concept of loading small amounts of data as you scroll is also referred to as Infinite Scrolling. I have used the Intersection...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found