teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

3

質問タイトルを修正しました

2016/03/10 09:08

投稿

zeele001
zeele001

スコア13

title CHANGED
@@ -1,1 +1,1 @@
1
- 楽天スマートホン商品ページ内にて実装し検索ボックスの挙動について。
1
+ [楽天ショップ] iosにてfixedで固定させ要素内のinputにフォーカした際の挙動について。
body CHANGED
File without changes

2

現在のページ状況をアップデートしました

2016/03/10 09:08

投稿

zeele001
zeele001

スコア13

title CHANGED
File without changes
body CHANGED
@@ -19,12 +19,16 @@
19
19
  どうにかこれを回避、解決する方法はありませんでしょうか?
20
20
  なにか案があればお教えいただければ助かります。
21
21
 
22
+ ━━━━━ココから追記━━━━━
23
+
24
+ 現在最上部に楽天がデフォルトで表示させる検索ボックスをFIXさせた状態。
22
- 現在上部にインラインフレームで実装した検索ボックス、
25
+ その下にインラインフレームで実装した検索ボックス、
23
26
  そのすぐ下に<form>~</form>を楽天の該当エリアに直接記入した検索ボックス、
24
27
  というような表示になっております。
25
28
 
29
+ 楽天デフォルトの検索ボックスでも
26
- <form>~</form>を直接記入した検索ボックスで
30
+ <form>~</form>を直接記入した検索ボックスで
27
- その場に取り残されることは無かったものの
31
+ その場に取り残されることは無かったものの
28
32
  ページトップへ強制的に移動させられてしまうような挙動をします。
29
33
 
30
34
  インラインフレームで実装した検索ボックスでも、

1

現状のページ内容について追記しました。

2016/03/10 05:37

投稿

zeele001
zeele001

スコア13

title CHANGED
File without changes
body CHANGED
@@ -11,7 +11,7 @@
11
11
  しかしスクロールしてから「さぁ、検索でもするか」と
12
12
  フォームをタップしたところ、
13
13
  fixが解除されるのか、absoluteで指定したかのように
14
- ページ最上部に検索ボックスが移動してしまます。
14
+ ページ最上部に検索ボックスが移動してしまます。
15
15
 
16
16
  アンドロイドでは問題なく挙動しているようで、
17
17
  iosだけの問題だと思われます。
@@ -19,4 +19,14 @@
19
19
  どうにかこれを回避、解決する方法はありませんでしょうか?
20
20
  なにか案があればお教えいただければ助かります。
21
21
 
22
+ 現在上部にインラインフレームで実装した検索ボックス、
23
+ そのすぐ下に<form>~</form>を楽天の該当エリアに直接記入した検索ボックス、
24
+ というような表示になっております。
25
+
26
+ <form>~</form>を直接記入した検索ボックスでは、
27
+ その場に取り残されることは無かったものの、
28
+ ページトップへ強制的に移動させられてしまうような挙動をします。
29
+
30
+ インラインフレームで実装した検索ボックスでも、
31
+ <form>~</form>を直接記入した検索ボックスでもどちらでも構いません。
22
- 宜しくお願いします。
32
+ 解決策がわかる方、宜しくお願いします。