search

meteoric / meteor-ionic

Ionic components for Meteor. No Angular!
http://meteoric.github.io
MIT License
1.51k stars 219 forks source link

Disable horizontal bounce (rubber band) effect in ionic list #372

Open Perroquiet opened 8 years ago

Perroquiet commented 8 years ago

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?

JoeyAndres commented 8 years ago

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.