区分锚链接和鼠标/栏滚动？答案

【问题标题】：Differentiate anchor link and mouse/bar scroll?区分锚链接和鼠标/栏滚动？
【发布时间】：2018-02-17 09:35:19
【问题描述】：

我已经实现了导航栏在向下滚动时隐藏并在向上滚动时显示。现在我还想使用锚链接，但它注册为页面滚动，我希望我的导航栏在此类事件中保持可见。

  currPos: number = 0;
  showBar: string = "show";

  onScroll(event) {
    if(this.currPos > window.pageYOffset) {
      this.showBar = "show";
    } else {
      this.showBar = "hide";
    }
    this.currPos = window.pageYOffset;
  }

返回的event variable 很大，我似乎找不到任何相关内容。我想因为两者都是“只是”滚动事件，所以没有区别。那么有什么方法可以区分单击 # 锚链接和常规鼠标/滚动条吗？

【问题讨论】：

不是最好的方法，但您可以检查链接中的“#”以区分？

标签： angular typescript events

【解决方案1】：

if(event.type === "click"){
    // do something
}else if(event.type === "scroll"){
    // do something
}

事件对象具有属性类型，您可以使用它来区分单击和滚动事件

【讨论】：