如何在 AngularJS 指令中的元素上绑定滚动事件?
我在 $window 上绑定滚动,但现在我需要将其更改为此类“.body-wrapper”(angular.element(document.queryselector(.body-wrapper)) 不起作用)。
有任何想法吗 ?
angular.element($window).bind("scroll", function () {
...
})
没有理由它不应该工作。
这个简单的例子表明它确实如此-
var app = angular.module('plunker', []);
app.controller('MainCtrl', function($scope) {
angular.element(document.querySelector('.myDiv')).bind('scroll', function(){
alert('scrolling is cool!');
})
});
笨蛋的例子 https://plnkr.co/edit/FUEyaZb03hl6KmKPKEVV?p=preview
如果由于某种原因它不起作用,请发布完整的代码。
讨论后编辑:
最终问题出在“滚动”的特定事件上,它可能与另一个事件发生冲突。
将事件更改为“鼠标滚轮”就成功了。
工作小提琴 https://jsfiddle.net/13pnp6qa/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)