はじめに：Stickyヘッダーとは？ Webサイトをスクロールしても、ヘッダー（ナビゲーションバーなど）が画面の上部に追従するように残るUIを「Stickyヘッダー」と呼びます。 .site-header { position: -webkit-sticky; /* Safari対策 */ position: sticky; } 5. スクロールに応じて ...

最初から上部に固定されているスティッキーヘッダー ではなく、途中から固定されるスティッキーヘッダー です。 ※かなり簡単です スティッキーヘッダー にしたい要素に以下のCSSを記述します。 position: -webkit-sticky; position: sticky; top: 0; たったこれだけです。

.sticky-table-headers__sticky { /* Background color */ background-color: #9ca3af; /* Stick to the left */ left: 0; position: sticky; /* Displayed on top of other rows ...