How to detect scroll to bottom of html element

by

You could check whether the user has scrolled to the bottom or not in the below way…

Html file

<div (scroll)="onScroll($event)">
    ...
    ...
</div>

typescript file

onScroll(event: any) {
    // visible height + pixel scrolled >= total height 
    if (event.target.offsetHeight + event.target.scrollTop >= event.target.scrollHeight) {
      console.log("End");
    }
}

More Related Contents:

  1. NgFor doesn’t update data with Pipe in Angular2
  2. Angular 2 Scroll to top on Route Change
  3. Angular 2 Read More Directive
  4. Angular HTML binding
  5. How can I write data attributes using Angular?
  6. Angular: Cannot find a differ supporting object ‘[object Object]’
  7. Angular2 multiple router-outlet in the same template
  8. How to dynamically add a directive?
  9. Can’t bind to ‘ngForOf’ since it isn’t a known property of ‘tr’ (final release)
  10. Difference between [ngClass] vs [class] binding
  11. How to instantiate and apply directives programmatically?
  12. When to use square brackets [ ] in directives @Inputs and when not?
  13. How to make directives and components available globally
  14. Angular2: How is ngfor expanded
  15. How to add “class” to host element?
  16. Using a directive to add class to host element [duplicate]
  17. Angular2 – Interpolate string with html
  18. Angular 2 Dynamically insert a component into a specific DOM node without using ViewContainerRef
  19. Angular 2 input parameters on root directive [duplicate]
  20. What is let-* in Angular 2 templates?
  21. How to truncate text in Angular2?
  22. Angular 2: How to write a for loop, not a foreach loop
  23. How to pass object from one component to another in Angular 2?
  24. Tracking scroll position and notifying other components about it
  25. How to import component into another root component in Angular 2
  26. Angular2 Styles in a Directive
  27. Angular 2 disable sanitize
  28. What is the difference between component and directive?
  29. Get reference to a directive used in a component
  30. Why angular 2 ngOnChanges not responding to input array push

Leave a Comment