More than 5 years have passed since last update.

iOS＋Monaca＋iframeで、フォーム入力時にページの頭に飛んでしまう問題の対処

Last updated at 2018-06-10Posted at 2018-04-26

概要

Monacaで開発したアプリをiPhoneで動かした際、iframeに埋め込んだフォームを入力しようとすると、
入力項目をフォーカスした瞬間に、ページの頭に飛ばされ続けました。
その対処法を記録しておきたいと思います。

Cordovaバージョン 7.1.0
Onsen UI 2
iPhone 8

以下をiframeで埋め込まれる側のcssに記載しました。これでページトップに飛ばされなくなりました。

html, body{
  overflow: auto !important;
  height: 100% !important;
  -webkit-overflow-scrolling: touch !important;
}