When Chrome is in zoom out, the infinite scroll is not working.

[guysegev]

When Chrome is in zoom out (90% for example), the infinite scroll is not working.
The ngGridEventScroll event is not emitted, and then

$scope.$on('ngGridEventScroll', function () {...}

is not called.

Open this example in Chrome:
http://plnkr.co/edit/AY68jf?p=preview

Zoom out to 90%.
In my browser the infinite scrolling stopped working.
In 100% zoom it's working.

[c0bra]

Confirmed. It doesn't work when zoomed to 110% either.

[FlorisSteenkamp]

I checked in the ng-grid source. It has to do with Chrome using fractions for px sizes. Checked thoroughly on many zoom levels. To solve this change the line:

    if (scrollTop > 0 && self.$viewport[0].scrollHeight - scrollTop <= self.$viewport.outerHeight()) {

with the following:

    if (scrollTop > 0 && self.$viewport[0].scrollHeight - scrollTop - self.$viewport.outerHeight() < 10) {

It should always work. The only possibility of a double fire of the scroll event is when the 'scroll step' is less than the '10' in the above line. This is unlikely though as in Chrome when I checked with various zoom levels the step was always between 40 and 60 and the calculated value in the above example was always < 5 (usually <= 1), so a value of 10 seems very reasonable.

If someone needs the above mod in the minified version, just leave a comment and I will reply.

[vict-shevchenko]

JFI.
If you are using mac and scrolling on a touchpad, scroll step actually depends on the speed you have moved fingers on a touchpad and can be < 5 (and even equal to 1) in many cases. This may cause calling an infinite scroll callback when scrolling top.