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