Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/433.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在angular 6中向上或向下滚动时如何调用函数?_Javascript_Angular_Typescript_Scroll_Angular6 - Fatal编程技术网

Javascript 在angular 6中向上或向下滚动时如何调用函数?

Javascript 在angular 6中向上或向下滚动时如何调用函数?,javascript,angular,typescript,scroll,angular6,Javascript,Angular,Typescript,Scroll,Angular6,当用户在6中向上或向下滚动时,我们如何调用函数 我愿意创造一些类似于angular 6的东西。首先,我尝试用角度动画解决这个问题,但没有成功。现在,我正在使用用于滚动到当前幻灯片的。所以,我想在这个例子中,我知道如何编写 ScRelytoToButoMySLosiDE()/和 ScRelytoToopToLoad函数()/,但是我不知道如何编写适当的事件。 例如: scrollDown(){ scroll_to_bottom_slide(); } scrollUp(){ scro

当用户在6中向上或向下滚动时,我们如何调用函数

我愿意创造一些类似于angular 6的东西。首先,我尝试用角度动画解决这个问题,但没有成功。现在,我正在使用用于滚动到当前幻灯片的。所以,我想在这个例子中,我知道如何编写<代码> ScRelytoToButoMySLosiDE()/<代码>和<代码> ScRelytoToopToLoad函数()/<代码>,但是我不知道如何编写适当的事件。

例如:

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

您必须使用
@HostListener


来源:

将事件侦听器添加到窗口

window.addEventListener('scroll', ...some function...);
您可以为窗口创建DI,如下所示: