質問: こんにちは。 楽天商品ページ内に実装した検索ボックスについて質問させてください。 こちらのページのスマホ表示にて実装している 上部にfixさせた検索ボックスなのですが。 http://item.rakuten.co.jp/float/1166/ iosで表示確認したところ、 スクロールにfixしてくれているところまでは実現が出来ております。 しかしスクロールしてから「さぁ、検索でもするか」と フォームをタップしたところ、 fixが解除されるのか、absoluteで指定したかのように ページ最上部に検索ボックスが移動してしまいます。 アンドロイドでは問題なく挙動しているようで、 iosだけの問題だと思われます。 どうにかこれを回避、解決する方法はありませんでしょうか? なにか案があればお教えいただければ助かります。 ━━━━━ココから追記━━━━━ 現在最上部に楽天がデフォルトで表示させる検索ボックスをFIXさせた状態。 その下にインラインフレームで実装した検索ボックス、 そのすぐ下に~を楽天の該当エリアに直接記入した検索ボックス、 というような表示になっております。 楽天デフォルトの検索ボックスでも ~を直接記入した検索ボックスでも、 その場に取り残されることは無かったものの ページトップへ強制的に移動させられてしまうような挙動をします。 インラインフレームで実装した検索ボックスでも、 ~を直接記入した検索ボックスでもどちらでも構いません。 解決策がわかる方、宜しくお願いします。
回答: iOSの有名なバグですね。 過去の質問で同じようなものが解決済みになっておりましたので 参考にされてはいかがでしょうか?