レイアウト

上のヘッダーは sticky。横スクロールの表、transform の掛かった要素、z-index の高い固定ボタンがある。

横スクロール

列 1 列 2 列 3 列 4 列 5 列 6 列 7 列 8 列 9 列 10 列 11 列 12 列 13 列 14 列 15 列 16
値 1 値 2 値 3 値 4 値 5 値 6 値 7 値 8 値 9 値 10 値 11 値 12 値 13 値 14 値 15 値 16
値 1 値 2 値 3 値 4 値 5 値 6 値 7 値 8 値 9 値 10 値 11 値 12 値 13 値 14 値 15 値 16

transform の中の要素

セクション 1

長いスクロールの中で、ピンの位置がずれないかを見る。ここはセクション 1。

セクション 2

長いスクロールの中で、ピンの位置がずれないかを見る。ここはセクション 2。

セクション 3

長いスクロールの中で、ピンの位置がずれないかを見る。ここはセクション 3。

セクション 4

長いスクロールの中で、ピンの位置がずれないかを見る。ここはセクション 4。

セクション 5

長いスクロールの中で、ピンの位置がずれないかを見る。ここはセクション 5。

セクション 6

長いスクロールの中で、ピンの位置がずれないかを見る。ここはセクション 6。

セクション 7

長いスクロールの中で、ピンの位置がずれないかを見る。ここはセクション 7。

セクション 8

長いスクロールの中で、ピンの位置がずれないかを見る。ここはセクション 8。

セクション 9

長いスクロールの中で、ピンの位置がずれないかを見る。ここはセクション 9。

セクション 10

長いスクロールの中で、ピンの位置がずれないかを見る。ここはセクション 10。

セクション 11

長いスクロールの中で、ピンの位置がずれないかを見る。ここはセクション 11。

セクション 12

長いスクロールの中で、ピンの位置がずれないかを見る。ここはセクション 12。

セクション 13

長いスクロールの中で、ピンの位置がずれないかを見る。ここはセクション 13。

セクション 14

長いスクロールの中で、ピンの位置がずれないかを見る。ここはセクション 14。

セクション 15

長いスクロールの中で、ピンの位置がずれないかを見る。ここはセクション 15。

セクション 16

長いスクロールの中で、ピンの位置がずれないかを見る。ここはセクション 16。

セクション 17

長いスクロールの中で、ピンの位置がずれないかを見る。ここはセクション 17。

セクション 18

長いスクロールの中で、ピンの位置がずれないかを見る。ここはセクション 18。

セクション 19

長いスクロールの中で、ピンの位置がずれないかを見る。ここはセクション 19。

セクション 20

長いスクロールの中で、ピンの位置がずれないかを見る。ここはセクション 20。