Hiratake Web ロゴ

固定ヘッダーを position: sticky; で実装したページで scroll-padding-top を使ってハマった

投稿した日
更新した日
書いたひと
icon
ひらたけ

<!DOCTYPE html>
<html lang="ja" class="scroll-pt-16">
  <head>
    <meta charset="UTF-8" />
  </head>
  <body class="relative">
    <header class="sticky top-0 bg-white shadow-lg">
      <div>Page Title</div>
    </header>
    <main>
      <p>コンテンツ</p>
    </main>
  </body>
</html>