在角度6中向上或向下滚动时如何调用函数？

Question

当用户以角度6向上或向下滚动时，如何调用函数？

我愿意在角度6中创建类似fullpage.js的东西。首先，我尝试通过角度动画解决此问题，但没有成功。现在，我使用ngx-scroll-to滚动到当前幻灯片。因此，请考虑在此示例中我知道如何编写scroll_to_bottom_slide()和scroll_to_top_slide functions()，但是我不知道如何编写适当的事件。

示例：

scrollDown(){
    scroll_to_bottom_slide();
}
scrollUp(){
    scroll_to_top_slide();
}

Answer 1

您必须使用@HostListener
来源：https://brianflove.com/2016/10/10/angular-2-window-scroll-event-using-hostlistener

Answer 2

将事件侦听器添加到窗口...

window.addEventListener('scroll', ...some function...);

您可以像下面这样为窗口创建一个DI：

Angular2 - How to inject window into an angular2 service