Question

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

  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很大，我似乎无法找到任何相关内容。我想因为两者都是“只是”滚动事件没有区别。那么有什么方法可以区分常规鼠标/条滚动的＃锚链接点击？

Answer 1

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

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

区分锚链接和鼠标/条滚动？

1 个答案: