javascript - 使用 AngularJS 在滚动条上隐藏一个 div

Question

我是 AngularJS 的新手。当用户在 div“B”上滚动时，我想在 AngularJS 中隐藏 div“A”。目前，当用户使用 ng-click 单击 div“B”时，我可以隐藏 div“A”，但我找不到任何方法来使用 AngularJS 滚动。我知道，我可以使用 JQuery 来隐藏 div，但是有什么方法可以使用 AngularJS 来实现吗？

更新:

我创建了一个滚动指令并附加了 $window。现在，如果我滚动整个窗口，div 将被隐藏，但我想在滚动特定的 div 时隐藏它。我当前的实现如下所示:

    app.directive("scroll", function ($window) {
        return function(scope, element, attrs) {
            angular.element($window).bind("scroll", function() {
                if (this.pageYOffset >= 10) {
                    scope.hideVs = true;
                } else {
                    scope.hideVs = false;
                }
                scope.$apply();
            });
        };
    });

Answer 1

我不确定你为什么要这样做，但我用我认为你想要的东西创建了一个 jsfiddle。

我稍微修改了你的指令:

app.directive("scroll", function () {
        return function(scope, element, attrs) {
            angular.element(element).bind("scroll", function() {
              scope[attrs.scroll] = true;
                scope.$apply();
            });
        };
    });

如您所见，现在绑定(bind)到 div 而非窗口上的滚动事件。我还更改了它设置的变量，以便它将提供给滚动指令的值作为变量名。

http://jsfiddle.net/Tx7md/

Here is a version使用 $parse 按照@ganaraj 的建议设置值