角度4滚动事件

Question

我在滚动事件处理方面很丢失。

我想禁用滚动;当用户点击滚轮x次时，我希望页面向下滚动（带有一些动画）到某个元素。我能够添加HostListener，但我没有进一步。

@HostListener('window:scroll', ['$event'])
    public onScrollEvent(event) {
}

但第一个问题是 event.preventDefault（）或 event.stopPropagation（）无效。 我试过像

这样的东西

event.target.scrollingElement.scrollTop = 0;

当我的计数器遇到一定数量的电话时

event.target.scrollingElement.scrollTop = 1080;

但这太乱了！ ：）

我也没有在角色官方网站上找到任何滚动手册。

Answer 1

您可以使用css样式本身实现此目的。

Id

Answer 2

@HostListener装饰HAS上的事件名称与传递给onScrollEvent方法的参数名称相匹配。它必须完全相同，尝试：

@HostListener('window:scroll', ['$event'])
public onScrollEvent($event){/*handler operations here...*/}

Answer 3

尝试一下：

@HostListener('window:scroll', ['$event'])
onScroll(event) {
  window.scrollTo(window.scrollX, 0);
}

当您的计数器打到某个电话号码时：

window.scrollTo(window.scrollX, 1000);