現在お店一覧を(ぐるなびAPIを使用)、1カラムで縦に表示するWEBサイトを作っています。
画面上部に固定バーが置いてあり(cssのfixed)、さらに固定バーの内にinputが置いてあり、キーワード検索ができるようになっています。
ajaxを使用していてその時の画面最下層まで行くと、お店がスクロールに合わせてどんどんと下に追加されていくようになっているのですが、スマホ版Safariで操作する時のみ、固定バー上のinputに文字を入力しフォーカスされた状態になると、画面上部まで自動でスクロールしてしまいます。
画面自動スクロールをさせないようにするには、どのような解決策がありますでしょうか?
※PCの場合はinputの場所まで自動スクロールされません。スマホの場合のみ自動スクロールしてしまいます。
※ブラウザはsafariを使用しています。chromeでは起きませんした。
テストコード
<header style='position:fixed;width:100%;'> <input type='text' name='search'> </header> <div style='height:2000px;'></div>
あなたの回答
tips
プレビュー