Rumah > hujung hadapan web > tutorial css > Bagaimana untuk Menyimpan Pengaki di Bahagian Bawah Halaman Walaupun Semasa Menatal?

Bagaimana untuk Menyimpan Pengaki di Bahagian Bawah Halaman Walaupun Semasa Menatal?

Linda Hamilton
Lepaskan: 2024-12-15 14:41:14
asal
522 orang telah melayarinya

How to Keep a Footer at the Bottom of the Page Even When Scrolling?

Kedudukan Div di Bahagian Bawah Kandungan dengan Bar Skrol yang Melimpah

Apabila kandungan halaman melangkaui port pandangan, pembangun sering menghadapi isu pengaki yang muncul di atas sempadan bawah halaman. Untuk menyelesaikan tingkah laku ini, pertimbangkan pelaksanaan yang digariskan dalam imej yang disediakan.

Coretan CSS pada mulanya digunakan, menampilkan kedudukan: mutlak dan bawah: 30px, meletakkan div di bahagian bawah port pandangan. Walau bagaimanapun, apabila menatal, div kekal pegun, melepaskan dirinya daripada had bawah kandungan.

Penyelesaian

Pendekatan optimum untuk menambat div secara berterusan di bahagian bawah kandungan memerlukan pekerjaan kedudukan tetap. Berikut ialah CSS yang disemak:

#footer {
    position: fixed;
    bottom: 0;
    width: 100%;
}
Salin selepas log masuk

Pengubahsuaian ini mencapai kesan yang diingini. Div kekal tetap di bahagian bawah semua kandungan, tanpa mengira menatal. Biola yang disediakan menunjukkan tingkah laku ini: http://jsfiddle.net/uw8f9/.

Atas ialah kandungan terperinci Bagaimana untuk Menyimpan Pengaki di Bahagian Bawah Halaman Walaupun Semasa Menatal?. 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