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

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
       })
    }
  }
})

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

Is it possible to fire an event in div scroll in Angularjs?

javascript

events

scroll

angularjs

angularjs-directive