スクロールした時にヘッダの高さが縮んで上部に固定表示させるWebページを見たことがあると思います。今まではJavaScriptを使用する必要がありましたが、CSSの position: sticky; を一工夫して使用することで簡単に実装できます。

Responsive Header Tutorial This project demonstrates how to build a responsive header/navigation bar using HTML, CSS, and a touch of JavaScript. It adapts gracefully between desktop and mobile screen ...

【Web制作】HTMLとCSSの使い方を分解しヘッダーデザインの構造を理解しよう！ 9/18（水）無料セミナー「デモンストレーションを見ながら学ぶ HTML ...

Tutorial Rápido - Crie um Header Responsivo com Menu e Carrossel Usando HTML, CSS e Bootstrap Seja bem-vindo ao meu novo tutorial no canal! Hoje, vou te mostrar como criar um incrível header para o ...