【发布时间】：2019-04-09 17:46:29
【问题描述】：
如何防止滚动事件？
我试图将event.preventDefault() 添加到 HostListener 中，但它不起作用。 event.stopPropagation() 和 event.stopImmediatePropagation() 也不起作用。
我需要实现一些逻辑而不是滚动。
@HostListener('window:scroll', ['$event'])
onScroll(event) {
event.preventDefault();
console.log('Hello World');
}
【问题讨论】：
-
尝试使用
'wheel'而不是'window:scroll' -
@RadekF 谢谢！它正在工作。添加您的答案
-
请编辑问题以明确您要拦截使用鼠标滚轮的滚动（不使用滚动条）。
-
您可以使用this answer 中给出的技巧：在事件处理程序中重置滚动位置。有关演示，请参阅 this stackblitz。
-
这里是another stackblitz 展示如何允许/禁止滚动。
标签： angular events scroll dom-events