DEV Community

Discussion on: Virtual scrolling of content with variable height with Angular

Collapse
 
georgii profile image
Georgi Serev • Edited

Thanks! Indeed, what you've proposed is the way to go, if you want a generic solution. I myself use almost the same approach with a scroll item directive on production since we need virtual scrolling in couple of places. Anyway, I intentionally wanted to go with a concrete example, as mentioned in the conclusion of the article, because it is easier to grasp the core concept this way rather than going generic. I believe/hope that the readers can conclude the rest themselves, as you did.

Few notes though:

  • using afterViewInit is definitely more inline with Angular compared to the DOM operations that I used. Have to keep in mind that the children of the scroll item might not be rendered at that time though. This might very well be valid for the direct DOM tree peek too, but it's probably harder to verify given you'll need to explore the internals of the virtual scroll viewport. The new afterRender hook might come handy here, I think.
  • There aren't recalculations since we are caching all results. As for checking already cached results – it's a O(1) complexity, so we are good.

Thanks for the input!