Bagaimanakah Saya Boleh Mengimbangi Sauh HTML kepada Akaun untuk Pengepala Tetap?

Mengimbangi HTML Anchor untuk Pengepala Tetap

Apabila bekerja dengan pengepala tetap, kedudukan penambat HTML boleh menjadi bermasalah. Memandangkan pengepala kekal di bahagian atas halaman, memaut ke sauh dalam halaman menyebabkan halaman melompat, mengaburkan kandungan di belakang pengepala. Untuk menyelesaikan isu ini, ofset boleh digunakan pada sauh.

Penyelesaian CSS:

Gunakan CSS untuk melaraskan kedudukan sauh tanpa menggunakan JavaScript. Tetapkan kelas kepada sauh:

<a class="anchor">

Sauh ini kemudiannya boleh diimbangi daripada lokasi sebenar pada halaman dengan meletakkannya sebagai elemen blok dan menggunakan kedudukan: relatif; gaya:

a.anchor {
    display: block;
    position: relative;
    top: -250px;
    visibility: hidden;
}

Nilai "atas" (-250px dalam contoh ini) mewakili jumlah offset. Ini akan mengalihkan sauh 250px ke atas daripada kedudukan asalnya. Atribut "keterlihatan: tersembunyi" menghalang sauh daripada kelihatan tetapi membenarkannya tetap bertindak balas kepada klik.

Perhatikan bahawa nilai offset yang tepat mungkin berbeza-beza bergantung pada ketinggian pengepala anda. Laraskannya dengan sewajarnya untuk memastikan penatal menatal ke kedudukan yang betul pada halaman.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengimbangi Sauh HTML kepada Akaun untuk Pengepala Tetap?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!