是否可以在Angularjs中的div滚动中触发一个事件？

Question

如何在Angularjs中触发div滚动事件（不是$ document和$ window）？

angular.element('div.myClassname').bind("scroll", function() { 

}); 

Answer 1

你知道你写的是什么，只要有将作为div.myClassname有overflow: scroll;并对其内容的更大然后它的大小。尽管您必须使用document.querySelector进行查询。请参阅fiddle尽管我必须同意Pankaj Parkar的看法，那就是创建一个指令更加可取。

Answer 2

是的，你可以做，但它应该通过指令实施。指令将会给你完全的DOM元素的控制，应该restrict" 'C'这将为class

标记

<div class="myClassname"> 
    ..Content here to scroll.. 
</div> 

指令工作

app.directive('myClassname', function(){ 
    return { 
    restrict: 'C', 
    link: function(scope,element, attrs){ 
     element.bind('scroll', function(){ 
     //do code here 
     }) 
    } 
    } 
})