Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
Perroquiet opened this issue Jan 24, 2016 · 1 comment
Open

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

Perroquiet opened this issue Jan 24, 2016 · 1 comment

Comments

@Perroquiet
Copy link

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
Copy link

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants