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

Question

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

Я использую jquery.mobile btw:)

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

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 "телевизора до самой маленькой нокии на планете.

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

Answer 1

Я нашел этот ответ: https://stackoverflow.com/a/20477023/2525304

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

Answer 2

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

<meta id="viewport" name="viewport" content ="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />