TRYING
TO BE
A FRONT-END
ENGNNER

「TOPコンテンツがすぎたら、追従するヘッダーメニュー 」

が今回の案件で課題であって、大先生と話してる時にJSかなあ?という感じで話してたんだけど、感覚的にもう少し簡単にできそうな気がして調べた結果これが一番デザインと近い気がしたので、試行。

追従(付いてくるやつ)はposition: fixed。これ弊社のHPはフローティングバナーの設置が多いのでよく使う。

TOPコンテンツの部分では、追従ヘッダーをz-index指定して下に隠しておいて、二番目のコンテンツから表示させる設定。(詳しくはソースコード参照)

【課題】
PCは良さそうだけど、SPでみたら、TOPで全体を下にスクロールした際に、下に隠してある要素が見えてしまう。。!これなんとかなるのかなー。いい感じにできた気がしたのに課題が出てきてしまったぜーむむ。

c.sakyou

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

Trying to be a front-end engineer by Chihiro Sakyo, Proudly powered by WordPress.