javascript - 在所有 Controller 上触发的函数 - angularjs

Question

我有这个

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

            function scrollFunction() {
                if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
                    document.getElementById("btt").style.display = "block";
                } else {
                    document.getElementById("btt").style.display = "none";
                }
            }

在一个 Controller 中运行函数，但即使在我导航到另一页面后，scrollFunction也会被触发。如何将该功能仅限于特定页面( Controller )。

Answer 1

当 Controller 销毁时，您需要停止监听滚动事件

angular.element($window).on('scroll', scrollFunction);

scope.$on('$destroy', function () {

  angular.element($window).off('scroll', scrollFunction);
});