angular - 函数 typescript 后停止滚动事件

Question

是否可以在函数之后阻止任何进一步的滚动事件。
我想生成一个效果，您可以在其中向下滚动站点，如果您位于该站点的底部，则可以进一步滚动，但是会从左侧出现一个新站点 - 就像向左滚动一样。这个新页面带有动画，所以我不想在到达页面底部时直接触发它。
我正在设置超时，只要你到达底部:

this.timeoutUnitBottom = setTimeout(() => this.unitBottom = true, 1000);

并且动画只会在 this.unitBottom==true 时触发。所以你滚动到底部，然后在 1 秒后你可以再次滚动，下一个站点将从左侧出现。
我的问题:如果您在 mac 上像我一样滚动，即使您不触摸触摸板，您的滚动事件也会继续。这通常会在休闲页面上生成平滑滚动，但在这里可能是您滚动到底部，setTimeout 触发并且您的滚动事件在那一秒后仍会触发。
所以: 抬起手指后是否可以在 Mac 上停止正在进行的滚动事件(甚至在任何其他计算机上，我不知道这些机制)
这可能是一个无法解决的问题，因为通常你不能改变计算机的输入，但也许你们中的一些人会有一些想法。
真诚的，
山姆
编辑
我认为所有回答我问题的人都没有明白我确实需要滚动事件并且不能简单地禁用它。唯一有帮助的是我的问题下的评论。

Answer 1

您可以使用 addEventListener 来监听滚动事件。 .在此功能中，您可以监控 window.scrollY位置。一旦到达某个 Y 位置，您可以通过添加 overflow: hidden; 暂时禁用滚动条。到文档(或您的容器元素)。
例子:

window.addEventListener('scroll', function(e) {
  if (window.scrollY >= 200) {
    document.documentElement.style.overflow = 'hidden';
  }
});