# \[solved\] Has-bouncing is not working

**URL:** <https://forum.ionicframework.com/t/solved-has-bouncing-is-not-working/6544>\
**Category:** ionic-v1\
**Created:** [July 8, 2014, 11:05am UTC](https://forum.ionicframework.com/t/solved-has-bouncing-is-not-working/6544 "2014-07-08T11:05:00Z")\
**Posts on this page:** 13\
**Page:** 1

<div class="post-metadata">

**Author:** ![005vinay](https://avatars.discourse-cdn.com/v4/letter/0/e47c2d/32.png) [@005vinay](https://forum.ionicframework.com/u/005vinay)\
**Post date:** [July 8, 2014, 11:05am UTC](https://forum.ionicframework.com/t/solved-has-bouncing-is-not-working/6544/1 "2014-07-08T11:05:02Z")

</div>

i am using phonegap/cordova 3.5.0. in phonegap 2.9.1 it was working fine.  
here is code  
`<ion-content padding="true" overflow-scroll="true" scroll="true" scrollbar-y="true" has-bouncing="true" style="background-color: #fbfbfb; ">`

here is my config file  
`<preference name="phonegap-version" value="3.5.0" /> <preference name="orientation" value="portrait" /> <preference name="DisallowOverscroll" value="false" /> <preference name="target-device" value="universal" /> <preference name="fullscreen" value="false" /> <preference name="webviewbounce" value="true" /> <preference name="prerendered-icon" value="true" /> <preference name="stay-in-webview" value="false" /> <preference name="ios-statusbarstyle" value="black-opaque" /> <preference name="detect-data-types" value="true" /> <preference name="exit-on-suspend" value="false" /> <preference name="show-splash-screen-spinner" value="true" /> <preference name="auto-hide-splash-screen" value="true" /> <preference name="disable-cursor" value="false" /> <preference name="android-minSdkVersion" value="7" /> <preference name="android-installLocation" value="auto" />`

anything i missed?

---

<div class="post-metadata">

**Author:** ![mhartington](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/mhartington/32/137757_2.png) [@mhartington](https://forum.ionicframework.com/u/mhartington)\
**Post date:** [July 8, 2014, 6:18pm UTC](https://forum.ionicframework.com/t/solved-has-bouncing-is-not-working/6544/2 "2014-07-08T18:18:47Z")

</div>

Can you put together a codepen of this? Other than you’re using some older syntax, it seems like it should work fine.

---

<div class="post-metadata">

**Author:** ![005vinay](https://avatars.discourse-cdn.com/v4/letter/0/e47c2d/32.png) [@005vinay](https://forum.ionicframework.com/u/005vinay)\
**Post date:** [July 10, 2014, 6:34am UTC](https://forum.ionicframework.com/t/solved-has-bouncing-is-not-working/6544/3 "2014-07-10T06:34:01Z")

</div>

i found this in documentation. there is no `has-bouncing` in `ion-content`  
[http://ionicframework.com/docs/api/directive/ionContent/](http://ionicframework.com/docs/api/directive/ionContent/)

codepen: [http://codepen.io/005vinay/pen/bwJCA](http://codepen.io/005vinay/pen/bwJCA)

---

<div class="post-metadata">

**Author:** ![mhartington](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/mhartington/32/137757_2.png) [@mhartington](https://forum.ionicframework.com/u/mhartington)\
**Post date:** [July 10, 2014, 2:35pm UTC](https://forum.ionicframework.com/t/solved-has-bouncing-is-not-working/6544/4 "2014-07-10T14:35:26Z")

</div>

SIlly me, didn’t catch it in your first post. It’s because you have `overflow-scroll="true"`

This disables our JS scroller and enabled the native overflow-scroll. The js scroll is responsible for the bouncing effect

---

<div class="post-metadata">

**Author:** ![005vinay](https://avatars.discourse-cdn.com/v4/letter/0/e47c2d/32.png) [@005vinay](https://forum.ionicframework.com/u/005vinay)\
**Post date:** [July 11, 2014, 6:59am UTC](https://forum.ionicframework.com/t/solved-has-bouncing-is-not-working/6544/5 "2014-07-11T06:59:02Z")

</div>

ohhhhhh, i’ll chek than let you know. thank you @mhartington.

but if i remove `overflow-scroll="true"` i might be possible that scroll will not show up. please correct me.

---

<div class="post-metadata">

**Author:** ![mhartington](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/mhartington/32/137757_2.png) [@mhartington](https://forum.ionicframework.com/u/mhartington)\
**Post date:** [July 11, 2014, 1:57pm UTC](https://forum.ionicframework.com/t/solved-has-bouncing-is-not-working/6544/6 "2014-07-11T13:57:28Z")

</div>

Nope, if you remove overflow-scroll, our js scroll will kick in. You will still be able to scroll

---

<div class="post-metadata">

**Author:** ![005vinay](https://avatars.discourse-cdn.com/v4/letter/0/e47c2d/32.png) [@005vinay](https://forum.ionicframework.com/u/005vinay)\
**Post date:** [July 15, 2014, 9:33am UTC](https://forum.ionicframework.com/t/solved-has-bouncing-is-not-working/6544/7 "2014-07-15T09:33:29Z")

</div>

@mhartington thank you. its working fine.

---

<div class="post-metadata">

**Author:** ![adaptivedev](https://avatars.discourse-cdn.com/v4/letter/a/dc4da7/32.png) [@adaptivedev](https://forum.ionicframework.com/u/adaptivedev)\
**Post date:** [September 8, 2014, 7:59am UTC](https://forum.ionicframework.com/t/solved-has-bouncing-is-not-working/6544/8 "2014-09-08T07:59:52Z")

</div>

I removed overflow-scroll=“true” but it doesn’t bounce for me in all browsers I tried  
OSX 10.9.4 including  
Chrome Version 37.0.2062.94

---

<div class="post-metadata">

**Author:** ![mhartington](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/mhartington/32/137757_2.png) [@mhartington](https://forum.ionicframework.com/u/mhartington)\
**Post date:** [September 8, 2014, 1:41pm UTC](https://forum.ionicframework.com/t/solved-has-bouncing-is-not-working/6544/9 "2014-09-08T13:41:29Z")

</div>

Whats you code look like? codepen demo or plunker?

---

<div class="post-metadata">

**Author:** ![adaptivedev](https://avatars.discourse-cdn.com/v4/letter/a/dc4da7/32.png) [@adaptivedev](https://forum.ionicframework.com/u/adaptivedev)\
**Post date:** [September 9, 2014, 7:43am UTC](https://forum.ionicframework.com/t/solved-has-bouncing-is-not-working/6544/11 "2014-09-09T07:43:49Z")

</div>

[just modified the original to remove the line suggested](http://codepen.io/005vinay/pen/bwJCA)

---

<div class="post-metadata">

**Author:** ![mhartington](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/mhartington/32/137757_2.png) [@mhartington](https://forum.ionicframework.com/u/mhartington)\
**Post date:** [September 9, 2014, 1:21pm UTC](https://forum.ionicframework.com/t/solved-has-bouncing-is-not-working/6544/12 "2014-09-09T13:21:28Z")

</div>

Has bouncing will work if you’re markup looks like so…

```auto
<ion-content>

      <div class="list">

        <a ng-repeat="item in items" 
           href="#/{{item.id}}"
           class="item item-thumbnail-left">

          <img ng-src="{{ item.image }}">
          <h2>{{ item.album }}</h2>
          <h4>{{ item.artist }}</h4>
        </a>

      </div>

    </ion-content>

```

---

<div class="post-metadata">

**Author:** ![AdaptiveDevS](https://avatars.discourse-cdn.com/v4/letter/a/a87d85/32.png) [@AdaptiveDevS](https://forum.ionicframework.com/u/AdaptiveDevS)\
**Post date:** [April 1, 2015, 9:24am UTC](https://forum.ionicframework.com/t/solved-has-bouncing-is-not-working/6544/13 "2015-04-01T09:24:21Z")

</div>

Does HW acceleration work with JS scrolling? It seems that on Android 4.4 disabling overflow-scroll makes scrolling very choppy.

I’ve read some Ionic forums suggesting that Android is ahead of iOS in WebKit etc, but it seems to me that Android is always the problem in getting good performance, across the board. I haven’t seen 1 Android device that does everything well - scroll, switch ion-tabs, etc. Is this normal? Or am I doing something wrong?

---

<div class="post-metadata">

**Author:** ![Ophir](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/ophir/32/88896_2.png) [@Ophir](https://forum.ionicframework.com/u/Ophir)\
**Post date:** [February 17, 2016, 11:02pm UTC](https://forum.ionicframework.com/t/solved-has-bouncing-is-not-working/6544/14 "2016-02-17T23:02:55Z")

</div>

Just wanted to add my 2 cents if someone arrives here looking for help, had bounce working once and then it stopped. Had this written:  
`<ion-content class=" has-header" scroll="true" has-bouncing="true">`

Changed into this and bouncing came back:  
`<ion-content class="has-header" overflow-scroll="false" has-bouncing="true">`