Загрузка видео...
Не удалось загрузить видео
Created an infinite scroll for #Angular 🔍 Very limited code 🏎️ No racing conditions 🔄 Keep loading until screen is full 📏 Load on scroll, resize 🚀 No fixed row height needed 📋 Works with any iterable list Want me to create a free article or video? Share or comment.🚀🥰
14,934 просмотров • 2 лет назад •via X (Twitter)
Комментарии: 10

“It keeps loading more data until the screen is filled”. Does your library listen to unused viewport height or also works with parent container elements?

Great question mate! It uses the IntersectionObserver class. Whenever #trigger is in the viewport, it needs to load more data. This approach works with all different heights of rows, and even with collapsable rows.

@pick_simplified Why the choose in between. I would appreciate an article AND a video 💪😂

@pick_simplified That sounds like an idea 😂💪🚀

Are you using IntersectionObserver behind the scenes ?

I am! 🤓

Again :)

Please do article or the video or both 🙏🏻🙏🏻🙏🏻🙏🏻
Next level challenge is to have sticky like grouped (eg. contacts list) and drag on one point, scroll and drop it far away in the list/table 🚀
Another challenge: - Choose the parent (window or any element) by an id/ref/class or Directive - Choose what is the content scrolled that has to be listened to by a Directive or other as well
