javascript - How to avoid multiple scroll events in virtualisation in angular grid?

Question

I have a grid control written in angular, it has implement Virtualization.

The Virtualization is implemented as following.

1. load the first 60 records in the grid on initial load.
2. every time user scrolls down load another 60 records.
3. the records to be loaded are decided by the scrollTop position if the scroll.

My solution has the following issues:

• when we load the records in scroll down, as new rows are loaded in the grid, scroll events is fired for each loaded row.
• by this, it triggers 60 scroll events, on each scroll, and this causes the chaining of the scroll events.
• so in the end, the page is scrolled till the end of the screen.

How can I fix this?

标签： javascriptangularvirtualization