Question

我在有角度的网页上实现了两个按钮，该按钮移至页面的顶部和底部。但我想处理这样一种情况，即当用户已经位于最顶部时，用于向上移动的按钮应该是隐藏的，反之亦然，因此，在这种情况下，我发现了一个来自google的函数，当用户从菜单中选择了1000左右时，该按钮将隐藏我的按钮顶部滚动。

ts：

   window.onscroll = function() {scrollFunction()};

   function scrollFunction() {

  if (document.body.scrollTop > 1000 || 
    document.documentElement.scrollTop > 1000) {
    document.getElementById("myBtnUp").style.display = "block";
   } else {
    document.getElementById("myBtnUp").style.display = "none";
   }

     }

HTML：

 <button id="myBtnUp">move up</button>

 <button id="myBtnDown">move Down</button>

效果很好，但是当用户位于页面的最底部时，在那种情况下，第二个按钮应该隐藏，但是我找不到类似的任何控件

    document.body.scrollBottom > 1000 or
    document.documentElement.scrollBottm > 1000

Answer 1

在窗口上使用Hostlistener来跟踪滚动事件。

https://stackblitz.com/edit/angular-e4qksa?file=src/app/app.component.ts

如何检查角度的滚动底部位置

1 个答案: