NGX infinite scroll won't work

Question

I want to implement infinite scroll and I am using ngx-infinite-scroll, but the onScroll() function is not triggered. I have tried everything I've seen on other questions but with no success. I want to use ngx-infinite-scroll with angular material table.

 <div
  infiniteScroll 
  [infiniteScrollDistance]="2" 
  [infiniteScrollThrottle]="50" 
  (scrolled)="onScroll()">
</div>


onScroll() {
   console.log("Scroll...");
}

Syntactically I don't see any problem, we'll need to see more of your code -- where you declare onScroll(), imported module etc — Joshua Chan, May 12 '18 at 15:20
I suggest setting up a stackblitz that reproduces the problem. — Joshua Chan, May 12 '18 at 15:24
now I see, I have a scroll bar from overflow: scroll, but it is disabled — Rubyen, May 12 '18 at 15:24
The library defaults to listening window scroll instead of the actual element scroll anyway, however it might follow the actual element's offsetHeight for triggering (scrolled) — Joshua Chan, May 12 '18 at 15:28

bhantol · Accepted Answer · 2018-05-14T12:26:37.323

0

UPDATE This is answering the question without using ngx-infinite-scroll Use

@HostListener('scroll', ['$event'])
scrolled() {
}

Or window:scroll

@HostListener('window:scroll', ['$event'])
scrolled() {

edited May 14 '18 at 12:26

answered May 12 '18 at 15:24

bhantol

8,420
4
40
73

I am going to delete my answer I failed to see that you are already using an existing directive. Try https://stackoverflow.com/a/44899396/2103767 – bhantol May 12 '18 at 15:54
Also try what I gave in your component for debugging. I will be deleting my answer after you try. – bhantol May 12 '18 at 15:54
Just making sure that you seeing the browsers scroll bar? – bhantol May 12 '18 at 15:55
I am seeing the scroll bar, I have some text loaded so I can scroll – Rubyen May 12 '18 at 16:03
You may want to add stackblitz plnkr. – bhantol May 14 '18 at 12:25
1

I found the problem, it was an position: absolute; .Yeah nice. Thanks for help. – Rubyen May 14 '18 at 19:11

NGX infinite scroll won't work

1 Answers1