question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

scroll is not triggered properly if scrolled quickly

See original GitHub issue

Scroll does not gets triggered if I scroll down to the bottom quickly. The event does not get triggered if I wait at the bottom of the page much beyond infiniteScrollThrottle. However, It gets triggered if I scroll up from the bottom of the page.

But, if I scroll down slowly, the event is being triggered while I scroll down.

Here is the markup I have for the container div

<div class="items-container">
    <div class="items" infinite-scroll
             infiniteScrollDistance="1.5"
             infiniteScrollThrottle="300"
             infiniteScrollContainer=".items-container > .items"
             scrollWindow="false"
             (scrolled)="onLoadMore()">
        <!-- ... items -->
    </div>
</div>

Look at the screencast of the issue (Open image in a new window to see larger version of it) anim

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Reactions:1
  • Comments:18 (6 by maintainers)

github_iconTop GitHub Comments

2reactions
erezsharircommented, Aug 3, 2017

Hi,

I’m still experiencing this issue - when scroll reaches the end, there’s no scrolled event.

Using release 0.5.1

1reaction
sanjitvimalcommented, Nov 14, 2017

Its working fine with version 0.5.2 … added debounce attribute also. Thanks… good plugin…

We need to check with latest version. for this issue…

Read more comments on GitHub >

github_iconTop Results From Across the Web

ngx-infinite-scroll event not being triggered when scroll is ...
I think I have found a little workaround that fixes this issue by setting the infiniteScrollThrottle to 0, and make your own throttling ......
Read more >
JavaScript Scroll Events, Event Throttling & Passive Events
When you scroll a document or an element, the scroll events fire. You can trigger the scroll events in the following ways, for...
Read more >
Scroll Depth trigger - Tag Manager Help - Google Support
Measure scroll events in Google Tag ManagerThe scroll depth trigger is used to fire tags based on how far a user has scrolled...
Read more >
How to Trigger a Function when Scrolling to an Element in ...
Read How to Trigger a Function when Scrolling to an Element in React Intersection Observer at Space Jelly.
Read more >
Infinite Scrolling - AG Grid
When the grid scrolls to a position where there is no corresponding block of rows ... should be called when you successfully receive...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found