CSS and annoying bouncing on iPhone-Safari

CSS and annoying bouncing on iPhone-Safari

Johan Halmén

Member #1,550

September 2001

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.

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Years of thorough research have revealed that the red "x" that closes a window, really isn't red, but white on red background.

Years of thorough research have revealed that what people find beautiful about the Mandelbrot set is not the set itself, but all the rest.

amarillion

Member #940

January 2001

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

--
Martijn van Iersel | My Blog | Sin & Cos | Food Chain Farm | TINS 2023 is Jun 2-5