active function when scroll go to end page

Question

I want to execute a function when the scrollbar reaches the bottom of the page.

How do I know if the scroll has reached the end of the page?

@HostListener("window:scroll", [])
onScroll(): void {
if ((window.innerHeight + window.scrollY) >= document.body.offsetHeight) {
        console.log('end')
    }
}

but it not work .

How can i do this work ????

check this fiddle for a working solution: http://jsfiddle.net/W75mP/. You can easily implement this in angular. — Saqib, Oct 07 '19 at 19:02
you cannot add hostlistener like so, hostlistener is to listen to events on the host. and unless you can add this directive to "window" you cannot listen to its scroll! — Dhananjai Pai, Oct 07 '19 at 19:13
Possible duplicate of [How to detect scroll to bottom of html element](https://stackoverflow.com/questions/40664766/how-to-detect-scroll-to-bottom-of-html-element) — nircraft, Oct 07 '19 at 19:21
check this answer: https://stackoverflow.com/a/42547136/9386929 — nircraft, Oct 07 '19 at 19:21

score 0 · Answer 1 · edited Jun 28 '20 at 17:38

0

Using that example is pretty easy. You can use the code inside the component's .ts file to use it. Check out this demo on CodeSandBox. I have implemented the fiddle in angular.

Here you can see the full-screen preview of the demo.

edited Jun 28 '20 at 17:38

halfer

19,824
17
99
186

answered Oct 08 '19 at 07:36

Saqib

704
3
18

it have problem . i can not using the angular function – mr-dortaj Oct 08 '19 at 16:40
Have you checked the full-screen preview of the demo? Also, can you explain which issue are you facing? – Saqib Oct 08 '19 at 21:01

active function when scroll go to end page

1 Answers1