stick-element

Basic usage

Make elements sticky just like native css sticky.

sticker1

· · · · · · 1 · · · · · · 2 · · · · · · 3 · · · · · · 4 · · · · · · 5 · · · · · · 6 · · · · · · 7 · · · · · · 8 · · · · · · 9 · · · · · · 10 · · · · · · 11 · · · · · · 12 · · · · · · 13 · · · · · · 14 · · · · · · 15 · · · · · · 16 · · · · · · 17 · · · · · · 18 · · · · · · 19 · · · · · · 20

sticker2

· · · · · · 1 · · · · · · 2 · · · · · · 3 · · · · · · 4 · · · · · · 5 · · · · · · 6 · · · · · · 7 · · · · · · 8 · · · · · · 9 · · · · · · 10 · · · · · · 11 · · · · · · 12 · · · · · · 13 · · · · · · 14 · · · · · · 15 · · · · · · 16 · · · · · · 17 · · · · · · 18 · · · · · · 19 · · · · · · 20

code

Cross-level sticky

Element can be sticky to any container, not only its direct parent.

For the example below, cells are not the direct children of the container element, whereas they still remain sticky.

th1	th2	th3	th4	th5
11	12	13	14	15
21	22	23	24	25
31	32	33	34	35
41	42	43	44	45
51	52	53	54	55

code