Cara membuat: Elemen lepas

Elemen lepas

Contoh

div.sticky {
  position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 0;
}

Coba sendiri

Elemen yang menggunakan position: sticky; akan ditempatkan berdasarkan posisi penyeretan pengguna.

Elemen lepas berubah antara penempatan relatif dan tetap, tergantung posisi penyeretan. Sebelum mencapai posisi offset yang diberikan di dalam tampilan, ia akan berada di penempatan relatif, lalu ia akan "lepas" di tempatnya (seperti position:fixed).

Perhatian:Internet Explorer, Edge 15 dan versi sebelumnya tidak mendukung penempatan lepas. Safari memerlukan awalan -webkit- (lihat contoh di bawah). Untuk membuat penempatan lepas berlaku, setidaknya harus dispecifikasikan top, right, bottom atau left salah satu di antaranya.

Halaman yang relevan

Panduan:Posisi CSS