问题描述
有人知道我在ng-view中滚动模板时为什么此基本滚动指令不起作用吗?我知道这太模糊了,但是我在网上找不到任何东西。我曾尝试过滚动指令的多种变体,但没有一个能识别模板中的滚动。感谢您能获得的任何帮助。
Does anyone know why this basic scroll directive doesn't work when I scroll in a template within ng-view? I know this is super vague but I can't find anything on the web. I have tried multiple variations of a scroll directive but none of them recognize scrolling within the template. I appreciate any help I can get. Thanks in advance!
我正在使用此基本指令
directive("scroll", function ($window) {
return function(scope, element, attrs) {
angular.element($window).bind("scroll", function() {
if (this.pageYOffset >= 100) {
scope.boolChangeClass = true;
} else {
scope.boolChangeClass = false;
}
scope.$apply();
});
};
});
这是HTML
<ng-view><ng-view>
和用于视图的基本模板
<div scroll>
<blah></blah>
</div>
我也不应该使用ngRoute向ng-view提供视图。
I should also not that I am using the ngRoute to supply views to ng-view.
推荐答案
我发现了问题。我代码中的所有内容都是正确的。问题是我有一块css隐藏了我的overflow-x。一旦删除,滚动事件就会开始触发。
I found the issue. Everything in my code was correct. The problem is that I had a piece of css that was hiding my overflow-x. Once I removed that the scroll event started firing.
这篇关于ng-view无法识别angularJS滚动的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!