How to implement infinite-scroll

[prodev1107]

I am gonna refactor my list from pagination to infinite-scroll.
I tried a vue-infinite-scroll, but not working well.
Do you have any experience with such task?

[nickmadev]

Please refer my code 🚀
When the mouse scrolls 80% of the height, loadMore is called.

      <div @scroll="loadMore">
        <ListComponent />
      </div>
      
    loadMore(e) {
      const { scrollTop, clientHeight, scrollHeight } = e.target;
      if ((scrollTop + clientHeight) >= scrollHeight * 0.8) {
        this.loading = true;
        // function body
        this.loading = false;
      }
    }

[prodev1107]

Cool.
It is working for me.
Thank you so much.