纯 angularjs 滚动事件监听器答案

【问题标题】：pure angularjs scroll event listener纯 angularjs 滚动事件监听器
【发布时间】：2016-03-22 10:22:39
【问题描述】：

我正在使用没有 jquery 的 angularjs，并尝试创建滚动事件侦听器。

试过这种方法：

  $rootScope.$watch(function() {
    return $window.scrollY;
  }, function(n,o) {
    console.log('scroll');
  });

但它不起作用..

我设法使用这种技术来创建调整大小的侦听器来实现这个目标：

  $rootScope.$watch(function() { // Listens to window size change
    return $window.innerWidth;
  }, function(n, o) {
    console.log('resize');
  });

有没有合适的方法来创建纯 angularjs 滚动监听器？

【问题讨论】：

标签： angularjs

【解决方案1】：

使用 $window 创建滚动事件侦听器“The Angular Way”实际上非常简单：

$window.onscroll = function() {
  console.log('scroll');
};

【讨论】：

太棒了！这就是我一直在寻找的！！

【解决方案2】：

尝试使用 onscroll javascript 事件

【讨论】：

【解决方案3】：

是的。您正确的 AngularJs 提供 $anchorScroll 来滚动页面，但效果不是很好。你可以像这样去顶部或底部。如果您想在特定位置滚动垂直或水平 $anchorScroll 没有该选项。即使是动画，您也必须使用普通的 javascript。如果您想在 Angular Scroll please have a look at this answer. Grate 中探索更多内容！！

【讨论】：