質問:

Diviでスマホ画面の下に固定で表示されるメニューを設置したのですが、スクロール時にグローバルフッターが被ってしまいます。どうしたら修正できますか?

Diviでスマホ表示の時に画面下部に固定されて表示するメニュー(電話をかけるボタン)を設置してみました。

ですが、スクロールしてページを見ているときにグローバルフッターを通る時にだけ、コンテンツが固定メニューの上に被ってしまいます。(画像参照)

これは何か設定を変えることで解消できるのでしょうか?

回答:

表示を被らせたくない場合は、z-indexを変更します。

今回の場合は、ページ下部に固定表示するメニューの

セクション>詳細>位置>zインデックス

を9999など大きい数字に設定すると他の要素がメニューの上に表示されるようなことは無くなります。

TOFUラボに入れば更に多くの質問と回答のログが見れます!

関連した質問

コメントを残す

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