2019-12-16 1分 read (About 182 words)

【iOS】キーボード表示後にスクロールできなくなる

はじめに

iOSでキーボード表示後にスクロールできなくなる不具合の解消方法をメモします
一言で言うとbodyにheight:100%を付ければ解決しました

Vueの場合のサンプルコードです

<script>
export default {
  ...,
  mounted() {
    document.querySelector("body").classList.add("height-110");
   
  },
  beforeDestroy() {
    document.querySelector("body").classList.remove("height-110");
  }
};
</script>

<style>
/* bodyを操作しているのでscopedは付けてはいけない */
.height-110 {
  /* iosでキーボード表示後にスクロールできなくなるバグ対応 */
  height: 110% !important;
}
</style>

おわりに

iosはキーボード周りに不具合が多い気がします
androidの方が色々と楽ですね

reon777

システムエンジニア

福岡県北九州市

投稿

174

カテゴリ

0

タグ

43

【iOS】キーボード表示後にスクロールできなくなる

はじめに

おわりに

タグクラウド

アーカイブ

タグ

アーカイブ

タグ

Your browser is out-of-date!