Rumah > hujung hadapan web > tutorial css > Mengapakah `bawah: 0` Kedudukan Melekit Berkelakuan Berbeza Daripada Penerangan MDN?

Mengapakah `bawah: 0` Kedudukan Melekit Berkelakuan Berbeza Daripada Penerangan MDN?

Mary-Kate Olsen
Lepaskan: 2024-12-01 16:39:17
asal
799 orang telah melayarinya

Why Does `bottom: 0` Sticky Positioning Behave Differently Than MDN's Description?

Apabila Menentukan bahagian bawah: 0 untuk Kedudukan Melekit, Mengapa Ia Berbeza Daripada Penerangan MDN?

Kedudukan:sifat melekit memperkenalkan tingkah laku hibrid antara kedudukan relatif dan tetap. Ia meniru kedudukan relatif sehingga ambang yang ditentukan dicapai, pada ketika itu ia beralih kepada kedudukan tetap.

Walau bagaimanapun, dalam coretan kod anda di mana bahagian bawah: 0 ditetapkan, gelagat kelihatan terbalik daripada apa yang diterangkan dalam artikel MDN. Elemen bermula sebagai tetap dan beralih kepada relatif selepas menatal melepasi ambang.

Sebab di sebalik percanggahan ini terletak pada perkataan definisi MDN:

"Kedudukan melekat boleh dianggap sebagai hibrid daripada kedudukan relatif dan tetap. Elemen kedudukan melekat dianggap sebagai kedudukan relatif sehingga ia melepasi ambang tertentu, di mana ia dianggap sebagai tetap sehingga ia mencapai sempadan induknya."

Frasa utama di sini ialah "sehingga ia melepasi ambang yang ditentukan." Dalam kod anda, elemen itu sudah melepasi ambang yang ditentukan (bahagian bawah port pandangan) apabila halaman itu dipaparkan pada mulanya. Oleh itu, ia memasuki keadaan kedudukan tetap serta-merta, walaupun bahagian bawah: 0 menunjukkan bahawa ambang harus beralih daripada relatif kepada tetap.

Ringkasnya, apabila menyatakan bahagian bawah: 0 untuk elemen melekit, ia mula-mula dimulakan tetap. kerana ambang telah dicapai, dan kemudian ia beralih kepada relatif apabila elemen itu ditatal semula ke atas melepasi bahagian bawah port pandangan. Tingkah laku ini selaras dengan takrifan MDN, tetapi bahasa yang digunakan boleh menjadi agak mengelirukan.

Atas ialah kandungan terperinci Mengapakah `bawah: 0` Kedudukan Melekit Berkelakuan Berbeza Daripada Penerangan MDN?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan