Memperbaiki tajuk dan melompat pautan? Penyelesaiannya adalah tatal-margin-top

Menghadapi masalah yang mengecewakan? Pautan melompat, seperti [Jump](#header-3) , yang membawa kepada tajuk (contohnya, ### Header ) sering dikaburkan oleh tajuk kedudukan tetap di bahagian atas halaman. Masalah biasa ini meninggalkan tajuk sasaran yang tersembunyi.

Sebelum ini, menyelesaikan masalah yang diperlukan ini. Malah pada trik CSS, padding-top pada tajuk dalam artikel sering merupakan penyelesaian yang paling mudah.

Nasib baik, penyelesaian CSS yang mudah kini wujud:

 H3 {
  Scroll-margin-top: 5rem; / * Laraskan '5rem' seperti yang diperlukan untuk membersihkan tajuk */
}

Hartanah scroll-margin-top dengan elegan menolak tajuk ke bawah, memastikan ia tetap kelihatan walaupun dengan tajuk tetap di atas. Sokongan penyemak imbas sangat baik, menjadikannya penyelesaian yang praktikal dan serasi. Walaupun sering dibincangkan bersama -sama menatal, utiliti dalam konteks ini boleh dikatakan lebih penting lagi.

Demonstrasi mudah mempamerkan keberkesanannya.

Menariknya, pautan "serpihan teks" Chrome, sambil menawarkan pendekatan yang berbeza, sering meletakkan pengguna di tengah -tengah halaman, memberikan penyelesaian alternatif kepada masalah biasa ini.

Atas ialah kandungan terperinci Memperbaiki tajuk dan melompat pautan? Penyelesaiannya adalah tatal-margin-top. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!