Rumah > hujung hadapan web > tutorial css > Bagaimanakah Saya Boleh Melaraskan Offset Pautan Anchor kepada Akaun untuk Pengepala Tetap?

Bagaimanakah Saya Boleh Melaraskan Offset Pautan Anchor kepada Akaun untuk Pengepala Tetap?

Patricia Arquette
Lepaskan: 2024-11-26 15:33:15
asal
386 orang telah melayarinya

How Can I Adjust Anchor Link Offsets to Account for Fixed Headers?

Melaraskan Offset Sauh HTML untuk Pengepala Tetap

Apabila menavigasi dalam halaman web menggunakan pautan sauh, pengepala tetap boleh mengganggu pengalaman dengan menghalang kandungan belakang mereka. Untuk menyelesaikannya, anda perlu mengimbangi sauh untuk mengambil kira ketinggian pengepala. Ini boleh dicapai melalui CSS, HTML atau JavaScript.

Penyelesaian CSS

Penyelesaian CSS melibatkan penugasan kelas kepada elemen utama:

<a class="anchor">
Salin selepas log masuk

Kemudian, menggunakan CSS, anda boleh melaraskan kedudukan sauh berbanding kedudukan sebenar pada halaman. Sebagai contoh, CSS berikut akan mengimbangi jangkar sebanyak 25px:

a.anchor {
    display: block;
    position: relative;
    top: -25px;
    visibility: hidden;
}
Salin selepas log masuk

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Melaraskan Offset Pautan Anchor kepada Akaun untuk Pengepala Tetap?. 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