楽天スマートフォン　ヘッダーについて

Question

楽天　爽快ドリンク専門店様が実施しているような
商品ページへ行くと通常通りなのですが、ちょっと下へスライドし、商品詳細をみると
あとから、かぶさるように、独自で作られたヘッダーが出てきます。

同じようなヘッダーを作成したいのですが、どんなHTML・CSSを使っているのかわからないので
ぜひ教えて頂ければ幸いです。

よろしくお願いします。###HR######IMG014249e4cab3762398c83174a133cdbd8.jpegIMG0### ###IMG1e7476cc8a7854a6739ba9ee4ea59cf64.jpegIMG1###

Answer

ECマスターズの田中です。

※RMSの、禁止タグを入力できるバグを利用する方法ですので、
　今後、RMSの改修により、使用できなくなる可能性があります。

最初に、ヘッダーとして表示させるためのHTMLファイルを、
楽天GOLD内に設置してください。

次に、下記の内容でCSSファイルを作成し、
楽天GOLD内に設置してください。
===== この下の行から ============
.spHeader {
display: block;
position: fixed;
left: 0px;
top: 0px;
z-index: 2;
width: 100%;
height: HTMLの内容の高さpx;
}
#ipnsh-header, #rstTopSearch {
position: relative;
z-index: 3;
background: white;
}
===== この上の行まで ============
※HTMLの内容の高さは、実際の数値にご変更ください。

最後に、スマートフォン用共通説明文に
下記のHTMLタグを貼り付けることで、
スライドすると出てくる独自ヘッダーを設定することができます。
===== この下の行から ============


===== この上の行まで ============
※CSSファイルのURL・ヘッダー用ページのURLは、実際のURLにご変更ください。

Answer

ご回答頂きましてありがとうございます。

早速試してみようと思います。
ありがとうございました。

楽天スマートフォン ヘッダーについて

楽天スマートフォン　ヘッダーについて