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.