2026-01-05

Sticky Navでアンカーリンクが隠れる問題をインラインCSS数行でスッキリ解決する方法

Sticky Nav が固定された上部バーのためにアンカーリンクが隠れる問題を、インライン CSS の scroll-margin-top、scroll-padding-top、::before トリックなどで簡単に解決する手順を紹介します。フロントエンド開発者が文書や TOC、脚注でリンクを正しく表示できるよう、実践的な対策をまとめました。