Detect scroll finish event

ionic-v1
1

Is it possible to detect scroll finish event for ion-scroll? I need to call function after scroll finish.

Thanks

1 Like
2

Anyone konws this? how to detect scroll end event?

3

Check out this codepen.

I modified Ionic’s list codepen to include an alert once you hit the bottom of the list with help from this post. Let me know if this is what you meant or if I misunderstood you.

4 Likes
4

Thanks for that, what I want is to detect the scrolling animation end event. Sorry for the poor description :slight_smile:

5

if i use this with $history.goBack() i am getting error

Uncaught TypeError: Cannot read property 'top' of undefined

Please help me

Thanks

6

Here is how you do it:

http://www.yourtechchick.com/how-to-detect-scroll-end-event-in-ionic-to-check-if-user-scrolled-to-bottom-of-the-screen/

Hope that helps.

7

Thanks @brandyshea — Perfect for displaying “more content below/above” arrows in an UI, see this fork of your codepen.

8

Hello guys, anyone who know how to detect the end of horizontal
scroll please…

9

we can use on-scroll or on-scroll-complete events on content then we need to call function in controller like below

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

Complete tutorial is given here http://freakyjolly.com/detect-ionic-view-page-bottom-load-infinite-data/