質問: ### 前提 類似の質問に対しての回答を参考にしても解決できなかったため質問させていただきます。 参考:position:fixedしている要素内のinputにフォーカスが入ると、ページトップへスクロールしてしまう 参考:ios8でpositionfixedなheaderに付けたinputにフォーカスを当てると一番上までスクロールしてしまう ### 問題 1fixedしたheaderの中にボタンを設置 2ヘッダーの高さ分下にずらし、検索フォームをfixed。通常時はdisplay:noneで隠れている 31のボタンをクリックすると、イベントが発火し、検索フォームが表示される(jquery) 4検索フォームがフォーカスされる(アクティブになる)と画面上まで強制スクロールされる ### 実装しているコード wordpressで構築しているサイトで、下記のようなコードを実装しています。(最低限のコードだけ記載しています) #### HTML ``` ``` #### CSS ``` #search { position: fixed; left: 0; right: 0; top: 60px; z-index: 999; } ``` #### 本番サイトで実装しているコードと具体的なカスタマイズ内容 参考: ### 理想のサイト 下記のサイトのような挙動にできればと思っております。 ノマド的節約術 朝日新聞デジタル 特に、ノマド的節約術さんの挙動が素晴らしく、ぜひ参考にしたいと考えております。 しかし、コードを分析しても、特にそれらしいコードを見つけることができませんでした。 おそらく、jqueryで制御しているのだと思いますが。。 ### お知恵を拝借したいこと 今回お知恵を拝借したいことは、**画面上部にfixedされたinput要素(もしくは、fixedされた要素内のinput要素)がfocusされた時の強制スクロールを止める方法**です。 冒頭に記載した参考サイトを見ても解決しないため、HTML,CSSで制御するのは難しいのではないかなと思っています。 HTML,CSS,jqueryをいじって解決できるのであれば、それが1番ですが、JSライブラリや、何かヒントになるページをご紹介いただければと思っております。 何卒よろしくお願い申し上げます。
回答: 所有のiOS端末での確認ですが、最近のアップデートの影響なのか、ページの1番上まで強制スクロールしなくなりました。 focusした時に、fixedされた要素分上にズレるようですが、ほとんど気にならないレベルでしたので、解決済みとさせていただきます。