Вопрос по ios, html, scroll, mobile-safari – Вкладка в поля ввода в мобильном браузере Safari делает переход браузера

6

Есть ли способ сфокусироваться на поле, но без этой резкой анимации? Поведение особенно плохо, когда клавиатура видна.

демонстрация

http://plnkr.co/edit/9OydOFO0KUeKuaH8u70A?p=info

<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="style.css">
    <script src="script.js"></script>
  </head>
  <body>
    <form>
      <input>
      <input>
      <input>
      <input>
      <input>

       ...

      <input>
    </form>
  </body>
</html>

Это сэкономило мне столько времени и хлопот. Будьте здоровы. Brandon Brown
@BrandonBrown, хаха, рад, что это помогло. Я не могу поверить, что это все еще ошибка в iOS Safari. Atav32

Ваш Ответ

1   ответ
0

это, похоже, связано с ошибками фокусировки в iOS. (https://remysharp.com/2012/05/24/issues-with-position-fixed-scrolling-on-ios#focus-jumping)

Одна из хитрых уловок, которая исправила некоторые случаи, заключалась в установкеfloat: left; clear: left; в поле ввода (Переход по полям ввода в Safari)

Но это исправление не работает, если ему нужно взаимодействовать сposition: fixed элемент. Прыгающая ошибка сохраняется.

Похожие вопросы