AngularJS Infinite Scroll Issue

Question

I code an infinite scrolled DIV for an AngularJS bootstrap app, as shown in the following example.

angular.module('scroll', []).directive('whenScrolled', function() {
return function(scope, elm, attr) {
    var raw = elm[0];

    elm.bind('scroll', function() {
        if (raw.scrollTop + raw.offsetHeight >= raw.scrollHeight) {
            scope.$apply(attr.whenScrolled);
        }
    });
};

});

Data is loaded but the scroll of the DIV goes to bottom and to see the data loaded you need to scroll up again. How do I fix this?

View Image

How are you implementing this? Can I see the view?

Adam Patterson
– Adam Patterson

2017-07-09 23:50:48 +00:00
Commented Jul 9, 2017 at 23:50 — Adam Patterson
– Adam Patterson, Commented Jul 9, 2017 at 23:50
I add an image, I have a panel that work with ng-repeat

Camilo Zambrano
– Camilo Zambrano

2017-07-10 00:49:23 +00:00
Commented Jul 10, 2017 at 0:49 — Camilo Zambrano
– Camilo Zambrano, Commented Jul 10, 2017 at 0:49

Adam Patterson · Accepted Answer · 2017-07-10 01:47:51Z

0

Does the div with ng-repeat have id="fixed", along with the following CSS?

#fixed {
    height: 400px;
    overflow: auto;
}

answered Jul 10, 2017 at 1:47

Adam Patterson

9587 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Camilo Zambrano Over a year ago

Yes the div have both CSS styles.

Camilo Zambrano · Accepted Answer · 2017-07-10 15:58:42Z

0

I found the problem, the data I received replace all the array, I code using push into the ng-repeat array.

array.push (tempArray[i])

answered Jul 10, 2017 at 15:58

Camilo Zambrano

12 bronze badges

Collectives™ on Stack Overflow

AngularJS Infinite Scroll Issue

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related