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


Hello Matthias,

Did you have any solution for this?

mvp_badge
MVP

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;
}

Hello, 

Has anyone managed to solve this problem?


Best Regards,

Nuno Lourenço

Hello,

Any update on this subject? I'm working on an IOS app and i'm facing the same problem. Already tried a lot of css but without success.

Best Regards,

Rúben Ferreira

 

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.