CSS and annoying bouncing on iPhone-Safari
Johan Halmén

So I have this web page.
I'm recording touch events and sending them to a robot to play on real chimes. The page needs a touch device to work. It seems to work nice on an Android phone and even on a Microsoft Surface. But Safari on an iPhone has this annoying feature, where it bounces the page like it was tied with a rubber band, when one wants to do a scroll gesture. So I do want touch events, but I want to disable the scroll and bounce effect.
1. Can you check how the page behaves on your device. And tell what device you have.
2. Anyone know how to prevent the annoying bouncing from happening in Safari?

The whole project includes a lot of programming in Javascript, in PHP and in C/C++. Sorry, if this particular issue is not very programming orientated. But perhaps the solution might be in Javascript.

amarillion

We had a similar issue with overscroll with an app at work. I know it's possible to remove the effect it with a strategically placed e.preventDefault(), although I don't remember the details. This stackoverflow discussion might point you in the right direction

Thread #618186. Printed from Allegro.cc