2016-03-22 15 views
0

私はjqueryなしでangularjsを使用していて、スクロールイベントリスナを作成しようとしています。純粋なangularjsスクロールイベントリスナー

はこのアプローチを試してみました:私は、リスナーのサイズを変更作成するには、この技術を使用してこの目標を達成するために管理...

$rootScope.$watch(function() { 
    return $window.scrollY; 
    }, function(n,o) { 
    console.log('scroll'); 
    }); 

をしかし、それは仕事をdosen't:

$rootScope.$watch(function() { // Listens to window size change 
    return $window.innerWidth; 
    }, function(n, o) { 
    console.log('resize'); 
    }); 

があります純粋なangularjsスクロールリスナーを作成する適切な方法は?

答えて

2

スクロールイベントリスナーを作成し、 '角度の道' は、$ウィンドウを使用して、実際には非常に簡単です:

$window.onscroll = function() { 
    console.log('scroll'); 
}; 
+0

恐ろしい!これは私が探していたものです! –

0

はい。あなたの正しいAngularJsは$ anchorScrollを提供しますが、それほど効果的ではありません。このように上または下に行くことができます。水平または垂直の特定の位置でスクロールしたい場合$ anchorScrollにはそのオプションがありません。アニメーションの場合でも通常のjavascriptに行く必要があります。あなたが角度のスクロールでもっと探検したいのであればplease have a look at this answer.火格子!!

関連する問題