demo » scroll-state()

1. stuck - スティッキーヘッダー

ヘッダー(スクロールで変化)

コンテンツ 1

コンテンツ 2

コンテンツ 3

コンテンツ 4

コンテンツ 5

コンテンツ 6

コンテンツ 7

コンテンツ 8

コンテンツ 9

コンテンツ 10

コンテンツ 11

コンテンツ 12

コンテンツ 13

コンテンツ 14

コンテンツ 15

コンテンツ 16

コンテンツ 17

コンテンツ 18

コンテンツ 19

コンテンツ 20

2. snapped - スナップ時の強調

カード 1
カード 2
カード 3
カード 4
カード 5
カード 6
カード 7
カード 8

3. scrollable - スクロール可能表示

行 1

行 2

行 3

行 4

行 5

行 6

行 7

行 8

行 9

行 10

行 11

行 12

行 13

行 14

行 15

スクロール可能