是否可以在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 
     }) 
    } 
    } 
})