position fixed css
Posisi fixed dalam CSS memungkinkan Anda mengatur posisi suatu elemen relatif terhadap jendela penampilan (viewport) saat ini, sehingga elemen tersebut tetap berada di posisi yang sama bahkan ketika pengguna menggulir halaman. Elemen dengan posisi fixed tidak akan bergerak saat halaman digulir.
Berikut adalah beberapa hal yang perlu diketahui tentang posisi fixed dalam CSS:
Elemen dengan posisi fixed akan tetap berada pada posisi yang ditentukan relatif terhadap jendela penampilan (viewport) saat ini.
Posisi fixed tidak mempengaruhi tata letak elemen-elemen lain dalam aliran dokumen.
Properti-posisi CSS seperti top, bottom, left, dan right dapat digunakan untuk menentukan posisi elemen tersebut relatif terhadap jendela penampilan saat ini.
Elemen dengan posisi fixed tidak akan bergerak saat halaman digulir, sehingga elemen tersebut akan tetap terlihat di posisi yang sama di layar.
Untuk mengatur posisi fixed pada elemen dalam CSS, Anda dapat menggunakan properti position: fixed;. Selain itu, Anda juga dapat menggunakan properti-posisi CSS seperti top, bottom, left, dan right untuk menentukan posisi elemen tersebut secara spesifik.
Contoh penggunaan posisi fixed dalam CSS:
css
Copy code
.fixed-element {
position: fixed;
top: 20px;
right: 20px;
}
Pada contoh di atas, elemen dengan kelas "fixed-element" memiliki posisi fixed. Elemen tersebut akan tetap berada pada posisi yang ditentukan, yaitu 20 piksel dari bagian atas dan 20 piksel dari bagian kanan jendela penampilan saat ini. Bahkan jika pengguna menggulir halaman, elemen tersebut akan tetap terlihat di posisi yang sama di layar.
