当滚动位置到达顶部位置时如何点击功能？

Question

当滚动位置到达文档的顶部位置时，该函数被调用。 怎么做？

Answer 1

这样做的好方法是使用 HostListener

@HostListener("window:scroll", [])
onWindowScroll() {
    let scroll = this.window.pageYOffset || this.document.documentElement.scrollTop || this.document.body.scrollTop || 0;
    if (number = 0) {
      // Do some stuff here
    }
}

现在我只想补充一点，您可能需要考虑 mac 桌面上的弹性滚动。 这意味着您的滚动位置可以为负，并且在您希望触发此事件时可能不会准确地达到 0。

如果您想要更多阅读材料，这里有一篇关于此的好博客文章

Answer 2

在 body 上使用 addEventListener，并监听 'scroll' 事件，然后当事件被触发时检查窗口的 scrollY 属性，如果它是 0，那么你就在上面。

function yourFunction() {
  console.log('you are on top');
}

window.addEventListener('scroll', () => {
  if (window.scrollY == 0) yourFunction();
}, true);

Answer 3

您可以使用 HostListener 来监听滚动事件

@HostListener("window:scroll", ["$event"])
onWindowScroll() {
 // get scroll postion 
  let number = this.window.pageYOffset || 
  this.document.documentElement.scrollTop || this.document.body.scrollTop || 
  0;

 // here you can check the scroll postion
  if (number > 100) {

  } 
}