Core Code
Core Code Modern Dev Handbook

CSS Position Sticky

Sticky elements switch between relative and fixed based on scroll.

Preview

Code

<style>
.box{
position:sticky;
top:0;
background:#16a34a;
color:white;
padding:10px;
}
</style>

<div class="box">Sticky header</div>
<p>Scroll to see sticky behavior.</p>

More CSS Position Examples (9)

example CSS Position Static open example example CSS Position Relative open example example CSS Position Absolute open example example CSS Absolute Inside Relative open example example CSS Position Fixed open example example CSS Position Offsets open example example CSS Z-index Layering open example example CSS Badge Position open example example CSS Overlay Example open example