質問: スマホページでスクロールすると現れるヘッダの作り方 このページみたいにスクロールするとヘッダやバナーが上部に固定で表示されるようにする方法を教えてください。https://item.rakuten.co.jp/luire/placge1000/?force-site=ipnヘッダはトップページに飛ぶリンクになっていればよく、参考ページのヘッダにあるメニューの表示は不要です。
回答: 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;}#topfuncshoppopup{z-index: 3;}===== この上の行まで ============※htmlの内容の高さは、実際の数値にご変更ください。最後に、スマートフォン用共通説明文に下記のhtmlタグを貼り付けることで、スライドすると出てくる独自ヘッダーを設定することができます。===== この下の行から ================= この上の行まで ============※cssファイルのurl・ヘッダー用ページのurlは、実際のurlにご変更ください。