Stack Overflow
Stack Overflow

Questions tagged [nginfinitescroll]

ngInfiniteScroll is a directive that you can use to implement infinite scrolling in AngularJS applications.

ngInfiniteScroll is a directive that you can use to implement infinite scrolling in AngularJS applications.

http://binarymuse.github.io/ngInfiniteScroll/

100 questions
35
votes
6 answers

angularjs infinite scroll in a container

I'm trying to use angularjs infinite scroll It seems to work only if the scroll is relative to the browser window. I would like to do infinite scroll in an inner DIV, i.e. I have a page with a generic wrapper and an inner div for displaying the…
Elia Weiss
  • 5,417
  • 8
  • 50
  • 81
20
votes
7 answers

ngInfiniteScroll - loadMore() method gets called on every mouse-scroll

Solution below on the comments. Problem: My loadMore() method gets executed on every container's scroll. Meaning: loadMore() gets executed on each mouse scroll of the parent container (infinite-scroll-parent="true") Desired result: to get loadMore()…
neoswf
  • 4,269
  • 4
  • 35
  • 52
19
votes
3 answers

Using Infinite scroll in angularjs and jade

I'm using angularjs infinite scroll in my dashboard web app. I have a single page which holds multiple infinite scrollable widgets. Since I want to have an infinite scroll for each of them I decided to use this directive but somehow it's not working…
dark_shadow
  • 3,428
  • 9
  • 48
  • 80
14
votes
3 answers

Angular 4: Infinite scroll not working

I have tried using ngx-infinite-scroll (https://www.npmjs.com/package/angular2-infinite-scroll) and also some other directives but none seem to work. package.json "dependencies": { "@angular/animations": "^4.0.2", "@angular/common":…
Sanchit Tandon
  • 151
  • 1
  • 1
  • 4
10
votes
3 answers

ngInfiniteScroll not working

I am trying to make ngInfiniteScroll work but in vain - Plunker. Scroll event is only triggered on page load, after that nothing seems to trigger it. Can anyone please shed some light. I tried various combinations, none…
Shyamal Parikh
  • 2,680
  • 3
  • 27
  • 66
7
votes
1 answer

Angular 5 with ngx infinite scroll not fired

i'm using ngx-infinite-scroll module with Angular 5. My browser is Chrome. The onScrollDown() action is fired when i scroll down with the scrolling bar inside my div. To make it work, i need to give a height to my content and [scrollWindow] should…
Kivo
  • 317
  • 5
  • 19
6
votes
1 answer

How to create a vertical scroll bar with transform:translateY() "AngularJS"?

I am using Infinite Scroll in my application, and I want to achieve a bidirectional scrolling effect which is not supported currently in the directive. I added the scroll detect method which finds upward/downward movement of scrolling and so I am…
Kunal Vashist
  • 2,110
  • 6
  • 24
  • 55
6
votes
1 answer

How to prevent ngInfiniteScroll from being triggered multiple times after the initial trigger?

I am using ngInfiniteScroll to enable infinite scrolling on my website. It works partly as expected, once I scroll to the bottom of the page it calls the method I want it to call to show more posts, except that it keeps calling posts without end…
mattman88
  • 425
  • 7
  • 18
5
votes
0 answers

(scrolled)="onScrollDown()" getting called multiple times - Angular 2

I am using this infinite scroll library & its calling a fucntion miltiple times on scroll my code:
Dheeraj Agrawal
  • 2,167
  • 10
  • 41
  • 60
5
votes
2 answers

How to make ngInfiniteScroll retrieve data by createdAt Descending

I'm using firebase to save posts that have the following data: createdAt: "Sun Apr 03 2016 18:32:46 GMT-0300 (BRT)" What I'm trying to achieve is to get the most recent posts first and then load the older ones while the user scrolls down. With…
adolfosrs
  • 8,626
  • 5
  • 36
  • 65
4
votes
1 answer

Angular2 Meteor, issue implementing infinite scroll (scroll reset to top)

Trying to do an infinite scroll page that displays elements as the user scrolls. So each time I detect that the scroll reaches the end of the page I call this.recordLimit += 10; this.subscribe('movements', {limit: this.recordLimit}); and that…
ATX
  • 997
  • 2
  • 10
  • 25
4
votes
1 answer

ng-infinite-scroll.js:42 Uncaught ReferenceError: app is not defined

I am using blur-admin theme and trying to add ngInfiniteScroll to it. By doing bower install ng-infinite-scroll --save --force I use --force because without it I was getting. ECONFLICT Unable to find suitable version for angular with --force the…
codegasmer
  • 1,304
  • 1
  • 12
  • 40
4
votes
1 answer

Angular binding not working properly with ngInfiniteScroll

Basically I have a timeline with posts that is a $firebaseArray and any change to this array is getting binded properly. But when I want to bind any other data it only binds when ngInfiniteScroll is trying to retrieve more data from firebase, so…
adolfosrs
  • 8,626
  • 5
  • 36
  • 65
4
votes
1 answer

How to make ngInfiniteScroll run in Bootstrap modal?

I'm in need of using ngInfiniteScroll for a gallery in a modal, but it seems not to work. It does not accept to scroll in this Bootstrap UI modal. Do you know any way to do this, pls let me know!…
Hieu Tran
  • 187
  • 3
  • 10
3
votes
0 answers

ngInfiniteScroll - Scroll calls the function immediately - Why?

I am having a hard time to figure out why the same piece of html is not working as it is working on other page. I am trying to call the function on scroll when it reaches the bottom of page , but it does not working like that. I scroll a little and…
Usman I
  • 1,898
  • 4
  • 20
  • 39
1
2 3 4 5 6 7