Ion-scroll stop/snap at specific steps?


Hey there,

i want to implement a navigation where the user can scroll horizontally through an amount of round bubbles. After he did, the bubble which is in the middle of the screen should be selected and further information should appear below the ion-scroll element. also the bubbles should “snap” in e.g. 50px steps (i hope it’s clear what i mean).

Is there a way i can do this with the built-in functions? I couldn’t find a function which is called after the scrolling is done. This is my main issue. To snap the bubble the scrollTo(left, top, [shouldAnimate]) function should fit. But I need the right moment to fire this function…

Has someone an idea?


Have you found a way to solve this problem?


I would like to implement this exact functionality. Have you figured this one out yet?