meteoric/meteor-ionic

Disable horizontal bounce (rubber band) effect in ionic list

Perroquiet opened this issue · 1 comments

Is there any way to disable the "rubber-band" effect or bounce effect? If I'm mistaken, that thing when you scroll to a list horizontally leaving a blank white area and then goes back to where it was in a sliding animation when you release it.

This is the solution that I came across the ionic forums , but I don't see this implemented on meteoric.
<ion-content has-bouncing="false">

Can the 'bouncing' effect will only be available vertically and not horizontally?

This is solved in my fork jandres:ionic v0.1.41. See my demo. To do so, simply:

{{#ionContent hasBouncing=false}}
            <div class="padding">
                <h1>Such Ironic</h1>
                <h2>Very meteor</h2>
                <h3>Much blaze</h3>
                <img src="doge.jpeg" style="width: 100%;"/>
            </div>
{{/ionContent}}

That's it. It automatically detects if {{#ionSideMenuContainer}} is one of its ancestor and if so, applies the hasBouncing flag. Otherwise, it just ignores it.

TODO: Make this platform specific like in angular ionic.