1244
Views
4
Comments
Disable the elastic scrolling/bounce effect 
Question

Is it possible to disable the elestic scrolling/bounce effect on a iPad/iPhone Mobile App, so that the app has a more native look-and-feel.

Found this article, but these didn't work yet:

https://stackoverflow.com/questions/8150191/disable-elastic-scrolling-in-safari


Rank: #32239

Hello Matthias,

Did you have any solution for this?

mvp_badge
MVP
Rank: #28

No, didn't find a solution for it.

If you use 

.phone .main-content {
    overflow: hidden;
}

it will stop the bouncing effect on the screens.

However, if you still want to have scrolling inside your containers you need to give a CSS class to the container itself with 

.ScrollableContainer {
   max-height: 500px; 
   overflow-y: scroll;
}
Rank: #20469

Hello, 

Has anyone managed to solve this problem?


Best Regards,

Nuno Lourenço