上下からスライドイン／スライドアウト

• 積水成型工業株式会社https://recruit.sekisuiseikei.co.jp/

メニューが上からカーテンのように降りてくる、あるいは下からせり上がる動きは、画面全体を覆う没入感のあるメニュー展開（フルスクリーンメニュー）によく用いられます。物理的な「開閉」の感覚があり、場面転換を明確に印象付けます。transform: translateY(-100%)から0%への移動で実装します。メニュー項目が多い場合、スクロールが必要になることがあるため、メニュー内スクロール（overflow-y: auto）の挙動と、背面のメインコンテンツのスクロール固定（bodyの固定）を適切に制御する必要があります。