orizens / ngx-infinite-scroll

Infinite Scroll Directive for Angular
https://www.npmjs.com/package/ngx-infinite-scroll
MIT License
1.25k stars 224 forks source link

Handling viewport based on resolutions #127

Closed SridharSathya closed 6 years ago

SridharSathya commented 7 years ago

Hi,

Recently I used angular2-infinte-scroll package in our project and it works fine in all aspects, except the fact that when I change the screen resolution in chrome/firefox browser (by zooming in and zooming out), the scroll call is keep on triggering unless it reaches some stable point (might be after reaching the viewport distance mentioned). I have given viewport as 2 (default value). Kindly help me how to handle this based on screen/window size. (To be compatible with mini laptops to mega PCs)

orizens commented 7 years ago

i feel what you're describing is the normal behavior that should happen. further than that, you need to decide how to handle the "scrolled" event.

SridharSathya commented 7 years ago

Orizens, thanks for your reply. But is it possible to give the scrollDistance in percentage? Or by any way that we can calculate and give based on the screen resolution?

orizens commented 7 years ago

scrollDistance is of "number" (decimal) type only. you can bind a variable to it and update the variable

On Tue, Feb 28, 2017 at 8:49 PM SridharSathya notifications@github.com wrote:

Orizens, thanks for your reply. But is it possible to give the scrollDistance in percentage? Or by any way that we can calculate and give based on the screen resolution?

— You are receiving this because you commented.

Reply to this email directly, view it on GitHub https://github.com/orizens/angular2-infinite-scroll/issues/127#issuecomment-283127841, or mute the thread https://github.com/notifications/unsubscribe-auth/AA1oRJ_gsnJa9Xummk0-NbFvsyMfWuV1ks5rhGxSgaJpZM4MM3sb .

--

Oren Farhi CEO at Orizens.com Senior Front End Engineer & Consultant http://www.orizens.com

orizens commented 6 years ago

closed by 269b5f6dd84125698620ffce8f0f8b4b1a1bafe5