1. ホーム
  2. javascript

[解決済み] ios8のSafariは固定要素にフォーカスが当たると画面がスクロールする

2023-01-25 18:16:42

質問

IOS8のSafariで、位置が固定された新しいバグがあります。

固定パネルにあるtextareaにフォーカスを当てると、safariはページの下までスクロールしてしまいます。

これは、ページをずっと下にスクロールして場所を失うことなくテキストエリアにテキストを入力する方法がないため、あらゆる種類の UI を操作することを不可能にします。

このバグをきれいに回避する方法はあるのでしょうか?

#a {
  height: 10000px;
  background: linear-gradient(red, blue);
}
#b {
  position: fixed;
  bottom: 20px;
  left: 10%;
  width: 100%;
  height: 300px;
}

textarea {
   width: 80%;
   height: 300px;
}

<html>
   <body>
   <div id="a"></div>
   <div id="b"><textarea></textarea></div>
   </body>
</html>

どのように解決するのですか?

これは iOS 10.3 で修正されました!

ハックはもう必要ないはずです。