Браузер iPhone: отключите прокрутку страницы при перетаскивании поля ввода html

Question

Я сделал HTML-страницу. Эта страница меньше экрана Iphone. Допустим, это страница входа. Страница содержит поля ввода текста.

Я отключил прокрутку страницы следующим образом:

document.ontouchmove = function(e){
    e.preventDefault();
}

Этот код предотвращает прокрутку, но когда я касаюсь поля ввода и перетаскиваю, страница все равно прокручивается.

Есть ли способ полностью отключить прокрутку страницы в HTML на iPhone?

Answer 1

у меня сработало

$("body").bind("touchmove", function(e) {
   e.preventDefault();
});

Answer 2

Пользователь всегда может прокрутить вверх, коснувшись строки состояния, поэтому лучший способ предотвратить прокрутку - это продолжать прокручивать. Поместите window.scrollTo(x, y) в setInterval, и всякий раз, когда пользователь прокручивает страницу, вы можете прокрутить ее обратно в нужное положение.

Когда пользователь нажимает на поле ввода, Mobile Safari может немного прокрутиться вверх, чтобы клавиатура не закрывала поле ввода. Убедитесь, что при использовании прокрутки поле ввода не будет закрыто клавиатурой.