Исправлена ​​проблема элемента в мобильном браузере, когда клавиатура попадает на экран - PullRequest
Новая
       7

Исправлена ​​проблема элемента в мобильном браузере, когда клавиатура попадает на экран

0 голосов
/ 24 сентября 2018

Я не знаю, как я могу описать это, поэтому я записал видео.На экране зафиксирован желтый текст.Исправлено поведение текста, когда клавиатура не на экране.Когда я фокусируюсь на экране и клавиатура становится видимой, фиксированный элемент начинает прокручиваться вместе со страницей.Это ошибка или что-то?И есть ли какое-то решение для этого?

Видео: https://www.youtube.com/watch?v=Nq60jH4XiJs

https://codepen.io/anon/pen/rZgKqG

 <html>
    <head>
      <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=1" />
    </head>
      <textarea style="min-height: 50px;"></textarea>
      <div style="height: 1000px; background-color: green">
                    div - height 1000px
      </div>
      <div style="position: fixed; top: 10px; right: 10px; background-color: yellow;">
                    Some Fixed Text
      </div>
    </html>

1 Ответ

0 голосов
/ 25 сентября 2018

К сожалению, это ожидаемое поведение Safari в iOS при использовании фиксированных элементов на странице.

Ознакомьтесь с этой статьей, предлагающей возможное решение: https://medium.com/@im_rahul/safari-and-position-fixed-978122be5f29

...