2017-01-25 10 views
0

ng-view内のテンプレートをスクロールするときに、この基本スクロール・ディレクティブが機能しない理由を知っていますか?私はこれが非常に漠然としていることを知っていますが、私はウェブ上で何も見つけることができません。私はスクロール・ディレクティブの複数のバリエーションを試しましたが、それらのどれもがテンプレート内のスクロールを認識しませんでした。私が得ることができるどんな助けにも感謝します。前もって感謝します!ng-viewでangularJSスクロールが認識されない

私はここで

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にビューを提供します。私は

<input type="password" class="form-control" scroll="user.password" required> 

ディレクティブ

app.directive("scroll", function() { 
    return { 
    }; 
}); 

答えて

0

<div ng-view></div> 

私は問題を発見しました。私のコードのすべては正しいものでした。問題は、私のオーバーフロー-xを隠していたcssがあったことです。一度私はスクロールイベントが発砲し始めたことを取り除いた。

0

ディレクティブの例を使用するために使用される私の場合は

関連する問題