如何在AngularJS中提醒scrollTop位置答案

【问题标题】：how to alert scrollTop position in AngularJS如何在AngularJS中提醒scrollTop位置
【发布时间】：2014-12-15 15:14:45
【问题描述】：

AngularJS 中的scrollTop 位置是否有任何提示？ alertme() 与 ng-init 同时工作 alerscroll() 在将 $(window).scrollTop() 插入警报时不起作用

var app = angular.module('myApp', []);
app.controller('divController', function($scope) {
  $scope.alertme = function() {
    alert("normal alert works");
  };
  $scope.alerscroll = function() {
    alert("the position " + $(window).scrollTop());
  };
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app='myApp'>
  <div ng-controller="divController">
    <div ng-init="alertme()"></div>
    <div ng-init="alerscroll()"></div>
  </div>
</div>

【问题讨论】：

尝试使用 Angular 的 $window（别忘了注入）而不是 jQuery 的 $(window)。
$(window).scrollTop() 工作得很好。请具体说明问题。
@hon2a scrollTop() 在 AngularJS 中不起作用
AngularJS 默认只包含“jQueryLite”（see documentation）。如果你想使用真正的 jQuery 中包含的函数，你需要在包含 AngularJS 之前包含它。

标签： javascript angularjs scroll angularjs-scope scrolltop

【解决方案1】：

您没有包含任何 jQuery 库。

使用window.scrollY 代替$(window).scrollTop()。如果你想使用它，或者包含一个 jQuery 库参考。

【讨论】：