Как отключить вертикальный отскок / прокрутку на iPhone в мобильном веб-приложении

Как следует из названия, мне нужно отключить вертикальный отскок на iphone в моем мобильном веб-приложении. Я пробовал много разных вещей, но большинство из них отключает мою форму или горизонтальную прокрутку, а также отказов. Есть идеи?

Я использую jquery.mobile кстати :)

Обновление: мне действительно удалось получить код из первого ответа, работающего несколько:

function stopScrolling( touchEvent ) { touchEvent.preventDefault(); }
document.addEventListener( 'touchstart' , stopScrolling , false );
document.addEventListener( 'touchmove' , stopScrolling , false );

Причина, по которой я не смог заставить ее работать, была в том, что на моем теле был какой-то запас (глупый я). Но. Поскольку макет является текучим, и я использую jquery.mobile и иметь<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> в шапке (думаю) не работает должным образом. Страница будет уменьшена (вид из браузера на настольном компьютере), а масштабирование отключено. Без кода страница прекрасно масштабируется от 50 "телевизора до самой маленькой нокии на планете.

Я делаю что-то неправильно? Я начинаю думать, что проблема вызвана тем, что body / content так или иначе составляют более 100% области просмотра. Понятия не имею, как, хотя.

 Steven Oxley13 мар. 2012 г., 15:14
Отлично. К сожалению, у меня нет особого опыта в решении этой конкретной проблемы, но я считаю, что это помогает добавить как можно больше подробностей, чтобы предоставить тому, кто пытается помочь вам, получить необходимую информацию.
 jroyce12 мар. 2012 г., 18:16
Не зная, что вы уже попробовали, вот решение, которое может вам помочь:отключить вертикальный отскок Если это не помогло вам, пожалуйста, укажите, что вы уже пробовали.
 Steven Oxley12 мар. 2012 г., 16:14
Не могли бы вы перечислить вещи, которые вы пробовали? Это может помочь избежать некоторых бесполезных ответов.
 Kasper Skov13 мар. 2012 г., 14:34
Попытка @Steven: зафиксирована на теле. Отключает горизонтальную прокрутку. Пробовал ответ от джройса 2 разными способами. Копирование / вставка непосредственно из ответа от jroyce вообще не работало, и использование другого ответа от stackoverflow с использованием только одного из событий привело к тому, что форма стала бесполезной (не было возможности сосредоточиться на элементах управления). Есть идеи?
 Kasper Skov13 мар. 2012 г., 14:48
@ Стивен я обновил вопрос

Ответы на вопрос(2)

https://stackoverflow.com/a/20477023/2525304

Они в основном обнаруживают, когда пользователь достигает верхней / нижней части страницы, а затем ловят событие прокрутки с помощьюevent.stopPropagation(); чтобы предотвратить больше прокрутки.

чтобы указать начальный уровень масштабирования и поддерживать минимальный и максимальный уровень масштабирования.

<meta id="viewport" name="viewport" content ="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
 Sam Kaz01 июн. 2015 г., 07:13
Я мог бы повлиять на удобство использования, однако вы можете увеличить размер элементов пользовательского интерфейса, используя медиа-запросы.
 chicgeek29 мая 2015 г., 16:13
Отключение пользовательского масштабирования плохо влияет на удобство использования.

Ваш ответ на вопрос