2016-04-14 9 views
1

チャットアプリの場合、自分のイオンコンテンツが下にスクロールされているかどうかを知りたがっています。Ionic:ボトムスクロールの検出方法は?

コンテンツをスクロールすると簡単に検出できますか?

+0

なぜ与えられ

$scope.checkScroll = function() { var currentTop = $ionicScrollDelegate.getScrollPosition().top; var maxTop = $ionicScrollDelegate.getScrollView().__maxScrollTop; if (currentTop >= maxTop) { // hit the bottom } }; 

以下のようにコントローラ内の関数を呼び出す必要がオンスクロール完全なコンテンツのイベントにスクロールまたはを使用することができますdownvote? –

+0

アプリケーションからコードを提供しておらず、あなた自身で解決しようとするか、問題を研究しようとする試みを明確にしていません。自分の質問にすぐ答えなかったら、何もできないときに誰が助けてくれると思いましたか? _それが私が投票した理由です。 – Ankh

+1

ええ、しかし、あなた自身の質問に答えてコミュニティを助ける方法を提供しています。答えは、イオニックを使っている人にとっては自明です...新しい質問をしてみてください:フォームの下部:* "あなた自身の質問に答えて - あなたの知識、Q&Aスタイルを共有する" *? –

答えて

8

$ionicScrollDelegate.getScrollView()を見ると、__maxScrollTopというプロパティが見つかりました。

答えは非常に簡単です:

var scrollTopCurrent = $ionicScrollDelegate.getScrollPosition().top; 
var scrollTopMax = $ionicScrollDelegate.getScrollView().__maxScrollTop; 
var scrollBottom = scrollTopMax - scrollTopCurrent; 

if (!scrollBottom) { 
    $ionicScrollDelegate.scrollBottom(true); 
} 

scrollBottomは、あなたの許容限界よりも低い場合にあなたもチェックすることにより、いくつかの許容範囲を追加することができます。

+0

あなたは自分の質問に文字通り何秒も離れて質問し答えましたか? – Ankh

+3

これは、「あなた自身の質問に答えて - あなたの知識、Q&Aスタイルを共有する」チェックボックスがある理由です...解決策を見つける前に30分を検索しなければならないので他の人を助けるためです。 –