Q&A
<div id="sp">
<span></span>
<span></span>
<span></span>
このタグでハンバーガーメニューを作りたいです。
現在ポートフォリオでメニューが右から出現させる予定ですが、固定にしたくないのでposition:fixed;は使いたくないです。
あと、ランディングページにしますのでメニューをクリックしたら別ページに飛ぶのではなく、下にスクロールする形にしたいです。
そこで重要なのは、スクロール後にメニューが消えている状態にしたいです。
よろしくお願いします。
回答2件
0
このタグでハンバーガーメニューを作りたい
ググってみるといいかもしれません。
現在ポートフォリオでメニューが右から出現させる予定ですが、固定にしたくないのでposition:fixed;は使いたくないです。
ビューポートを基準にしなくてはいけないので、fixed がダメならば、absolute でルート要素を包含ブロックにする以外にないと思います。
と思いましたが、よく考えると何らかの方法で右寄せして translate(100%) でもいいかもしれません。親要素がビューポートいっぱいに広がっている前提ですが。
スクロール後にメニューが消えている状態にしたい
既出です。
投稿2021/09/22 05:51
編集2021/09/22 05:54
総合スコア36960
0
質問があいまいで回答のしようがありませんが
position:absoluteでrightを設定するとか？
投稿2021/09/22 01:06
総合スコア116732
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。