
エントリーの編集

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
メニューが横幅に収まらない時に右上に収納されるやつ - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
メニューが横幅に収まらない時に右上に収納されるやつ - Qiita
あまりサンプルが見つからなかったのでやってみた。 こういう動きを何て言うのか分からないので、自分が... あまりサンプルが見つからなかったのでやってみた。 こういう動きを何て言うのか分からないので、自分が見つけられなかっただけの可能性は否めないです・・・。 デモ See the Pen navbar with menu storage by Yoshiaki Itakura (@negibouze) on CodePen. ちょっと解説 せっかくなので、Intersection Observerを使ってみました。 ポイントはrootを#menuにするところくらいです。 const setIntersectionObserver = () => { const observerOptions = { root: document.querySelector("#menu"), // menuをroot要素にする rootMargin: "0px", threshold: [0.8] }; con