会社のブログログイン登録スタック・オーバーフローはプログラマーとプログラミングに熱心な人のためのQ&Aサイトです。1万件9スマートフォンサイトを制作していて発生した問題です。headerタグにposition:fixed;を指定しスクロール時に画面上部に常に固定配置されるヘッダーを作成しました。そのヘッダーにinputを利用して検索ボックスを設置したのですがiOS8のsafariで検索ボックスにフォーカスをあてると、htmlの構造上ではinput要素がコンテンツより上部に存在するためか一番上まで自動的にスクロールしてしまうという問題が発生しました。type="search"></header>aaa<br>aaa<br>aaa<br>...こちらに実際にテストができるサンプルページを作成しましたので是非iPhoneなどで閲覧していただければと思います。サンプルページちなみに、古い機種ですがArrowsESという機種(Android2.3)では、自動的にスクロールが発生するというようなことはありませんでした。この問題を解消する方法がわかる方いらっしゃいましたら、是非アドバイスお願い致します。(投稿順)5DOMの変更が可能な前提で、別解も挙げておきます。aaa<br></section>のように、スクロールしたい部分をbodyの直下からsectionなどの下に移します。その上で、下記のように要素内でスクロールさせるようにすればOKです。しているのと実質的には変わりません。|3以前のiOSだと、タッチキーボードが出現してスクロール外に動いてしまっていた問題ですね。現在の実装だと、input要素にフォーカスがあたると強制的にposition:absoluteになるようです。以下のように、フォーカスを検知して元の位置に戻すことは可能です。}});ただ、一瞬スクロールが見えてしまうので、メニュー要素を全画面化するなど、デザイン上の工夫が必要かもしれません。|2こちらのExampleではうまいこと回避しているようです。|この質問に回答するには、ログインする必要があります。求めていた回答ではありませんか?ioscsssafariのタグが付いた他の質問を参照する。質問のフィードこのRSSフィードを購読するには、このURLをコピーしてRSSリーダーに貼り付けてください。従って情報を開示できることに同意したことになります。選択した項目のみ受け入れる。