Javascript 如何在angular grid虚拟化中避免多个滚动事件?

Javascript 如何在angular grid虚拟化中避免多个滚动事件?,javascript,angular,virtualization,Javascript,Angular,Virtualization,我有一个用angular编写的网格控件,它实现了虚拟化 虚拟化实现如下 在初始加载时加载网格中的前60条记录 每次用户向下滚动加载另60条记录 要加载的记录由scrollTop位置决定,如果滚动 我的解决方案存在以下问题: 当我们在scroll down中加载记录时,当网格中加载新行时,会为每个加载的行触发scroll事件 这样,它会在每个滚动上触发60个滚动事件,从而导致滚动事件的链接 最后,页面被滚动到屏幕的最后 如何修复此问题?请分享一个关于Stackblitz的工作示例,或者一些有关

我有一个用angular编写的网格控件,它实现了虚拟化

虚拟化实现如下

  • 在初始加载时加载网格中的前60条记录
  • 每次用户向下滚动加载另60条记录
  • 要加载的记录由scrollTop位置决定,如果滚动
  • 我的解决方案存在以下问题:

    • 当我们在scroll down中加载记录时,当网格中加载新行时,会为每个加载的行触发scroll事件
    • 这样,它会在每个滚动上触发60个滚动事件,从而导致滚动事件的链接
    • 最后,页面被滚动到屏幕的最后

    如何修复此问题?

    请分享一个关于Stackblitz的工作示例,或者一些有关Stack Overflow的参考代码片段!其他用户将您的问题标记为低质量和需要改进。我对您的输入进行了重新措辞/格式化,使其更易于阅读/理解。请查看我的更改,以确保它们反映您的意图。但我认为你的问题仍然无法回答。您现在应该回答您的问题,以添加缺少的详细信息(请参阅)。如果您有进一步的问题或反馈,请随时给我留言。