javascript - AngularJS show元素onScroll函数

这是我们的JavaScript：

window.onscroll=function(){scrollShow()};
    function scrollShow(){
        if (document.documentElement.scrollTop>150){
            document.getElementById("myBtn").style.display="block";
        } else {
            document.getElementById("myBtn").style.display="none";
        }
    }

如何在AngularJS中实现相同的功能？

最佳答案

您可以通过创建指令来做到这一点

<button id='myBtn' scroll-show></div>

app.directive('scrollShow', [function() {
  return {
    link: function (scope, elem, attrs) {
      elem.on('scroll', function (e) {
        if(....) {
            element.hide();
        } else {
            element.show();
        }
      });
    })
  }
}]);