# Has-bouncing="false" does not prevent bouncing on iOS

**URL:** <https://forum.ionicframework.com/t/has-bouncing-false-does-not-prevent-bouncing-on-ios/38215>\
**Category:** ionic-v1\
**Created:** [December 1, 2015, 1:01am UTC](https://forum.ionicframework.com/t/has-bouncing-false-does-not-prevent-bouncing-on-ios/38215 "2015-12-01T01:01:47Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![bmetitiri](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/bmetitiri/32/93157_2.png) [@bmetitiri](https://forum.ionicframework.com/u/bmetitiri)\
**Post date:** [December 1, 2015, 1:01am UTC](https://forum.ionicframework.com/t/has-bouncing-false-does-not-prevent-bouncing-on-ios/38215/1 "2015-12-01T01:01:47Z")

</div>

The has-bouncing=“false” attribute is not working for me on iOS, whether I put it on ion-content or ion-scroll, or anything. My structure is like (in Jade style):

```
  ion-view(title='Profile')
        ion-nav-buttons(side='right')
              button(ng-click='settings()').button.button-icon.icon.ion-ios-gear-outline
        ion-content(has-bouncing='false').has-header.has-footer
              ion-list
              ion-infinite-scroll

```

with ion-items in the ion-list. I also have these settings in my config.xml:

```
  <preference name="webviewbounce" value="false" />
  <preference name="UIWebViewBounce" value="false" />
  <preference name="DisallowOverscroll" value="true" />

```

I’ve tried adding overflow-scroll=“true” but that hasn’t had any effect . Is there anything else that needs to be done to disable scroll bouncing?

---

<div class="post-metadata">

**Author:** ![jlcarv](https://avatars.discourse-cdn.com/v4/letter/j/9fc29f/32.png) [@jlcarv](https://forum.ionicframework.com/u/jlcarv)\
**Post date:** [January 16, 2016, 2:43am UTC](https://forum.ionicframework.com/t/has-bouncing-false-does-not-prevent-bouncing-on-ios/38215/2 "2016-01-16T02:43:18Z")

</div>

Same here. Did you find a solution?

---

<div class="post-metadata">

**Author:** ![bmetitiri](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/bmetitiri/32/93157_2.png) [@bmetitiri](https://forum.ionicframework.com/u/bmetitiri)\
**Post date:** [January 18, 2016, 7:05pm UTC](https://forum.ionicframework.com/t/has-bouncing-false-does-not-prevent-bouncing-on-ios/38215/3 "2016-01-18T19:05:15Z")

</div>

Nope. I gave up and learned to accept it 😞

---

<div class="post-metadata">

**Author:** ![balaguru](https://avatars.discourse-cdn.com/v4/letter/b/848f3c/32.png) [@balaguru](https://forum.ionicframework.com/u/balaguru)\
**Post date:** [February 17, 2016, 6:08am UTC](https://forum.ionicframework.com/t/has-bouncing-false-does-not-prevent-bouncing-on-ios/38215/4 "2016-02-17T06:08:27Z")

</div>

@max Same issue here. `has-bouncing='false'` not working. Any solution?

---

<div class="post-metadata">

**Author:** ![duonglei](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/duonglei/32/98537_2.png) [@duonglei](https://forum.ionicframework.com/u/duonglei)\
**Post date:** [June 10, 2016, 5:29pm UTC](https://forum.ionicframework.com/t/has-bouncing-false-does-not-prevent-bouncing-on-ios/38215/5 "2016-06-10T17:29:04Z")

</div>

me too. what is happening here ?

---

<div class="post-metadata">

**Author:** ![duonglei](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/duonglei/32/98537_2.png) [@duonglei](https://forum.ionicframework.com/u/duonglei)\
**Post date:** [June 12, 2016, 2:46am UTC](https://forum.ionicframework.com/t/has-bouncing-false-does-not-prevent-bouncing-on-ios/38215/6 "2016-06-12T02:46:43Z")

</div>

Seem like `has-bouncing="false"` not work when `scroll="false"`. Any ideas ?

---

<div class="post-metadata">

**Author:** ![VinceOPS](https://avatars.discourse-cdn.com/v4/letter/v/9e8a1a/32.png) [@VinceOPS](https://forum.ionicframework.com/u/VinceOPS)\
**Post date:** [July 1, 2016, 12:39am UTC](https://forum.ionicframework.com/t/has-bouncing-false-does-not-prevent-bouncing-on-ios/38215/7 "2016-07-01T00:39:36Z")

</div>

Hi guys,

Same issue here. No way to make `has-bounce` working.

---

<div class="post-metadata">

**Author:** ![bb602345](https://avatars.discourse-cdn.com/v4/letter/b/49beb7/32.png) [@bb602345](https://forum.ionicframework.com/u/bb602345)\
**Post date:** [September 2, 2016, 2:14am UTC](https://forum.ionicframework.com/t/has-bouncing-false-does-not-prevent-bouncing-on-ios/38215/8 "2016-09-02T02:14:38Z")

</div>

Try to add this to the ion-content:

```
<ion-content (touchstart)="disableBouncing($event)">

```

And add the blockBounce function to the .ts file:

```
disableBouncing(event){
    event.preventDefault();
}
```

---

<div class="post-metadata">

**Author:** ![Sulot](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/sulot/32/100183_2.png) [@Sulot](https://forum.ionicframework.com/u/Sulot)\
**Post date:** [September 26, 2016, 7:36pm UTC](https://forum.ionicframework.com/t/has-bouncing-false-does-not-prevent-bouncing-on-ios/38215/9 "2016-09-26T19:36:47Z")

</div>

Does it actually work?

---

<div class="post-metadata">

**Author:** ![peterjc](https://avatars.discourse-cdn.com/v4/letter/p/977dab/32.png) [@peterjc](https://forum.ionicframework.com/u/peterjc)\
**Post date:** [April 1, 2017, 10:12am UTC](https://forum.ionicframework.com/t/has-bouncing-false-does-not-prevent-bouncing-on-ios/38215/10 "2017-04-01T10:12:36Z")

</div>

> [@bb602345](#):
>
> disableBouncing(event){  
> event.preventDefault();  
> }

The above initially did seem to work for me… except if I have a select open - then the view underneath seems to get the bounce back (while the select popup is open). Also it interfered with some other events (eg my click event in the C3 charts library)

The best fix I found [here](https://forum.ionicframework.com/t/ios-adding-unwanted-scrolling/65671), ie just add

```
<ion-content no-bounce>

```