如何知道div中滚动条的位置?

时间:2013-09-06 20:17:46

标签: javascript html angularjs scrollbar

我想得到滚动条的实际位置(scrollY),如下所示。 http://plnkr.co/edit/45gKhAIt0DrozS7f0Bz2?p=preview
我需要为我的div而不是整个窗口获取这种类型的scrollY结果。我怎么能在angularjs中做到这一点?

angular.element($window).bind('scroll',function(){
    console.log(' --- You scrolled - do $digest() ---')
    $scope.scrollY = $window.scrollY;
    $scope.$digest();
})

1 个答案:

答案 0 :(得分:8)

这不是有角度的,只是标准的JavaScript:.scrollTop

yourDiv.scrollTop

示例:http://jsfiddle.net/TheSharpieOne/Tf7bq/2/(该值记录在控制台中。)

<强>更新

更改了侦听器以侦听div上的滚动。 Angular没有很好的方法来监听滚动(就像它对某些其他事件一样),因此使用标准的JavaScript事件监听器。您可以将其包装在指令中以使其更具角度。

新示例:http://jsfiddle.net/TheSharpieOne/Tf7bq/4/

yourDiv.addEventListener('scroll',function(){

    console.log(this.scrollTop);

});