Bagaimana untuk Mencipta Ruang Di Atas Pautan Sauh?

Melaraskan Kedudukan Pautan Anchor pada Halaman

Apabila mengakses bahagian halaman melalui pautan sauh, pengguna biasanya menjangkakan ia akan membawa mereka ke yang dipautkan kawasan di bahagian atas halaman. Walau bagaimanapun, dalam senario tertentu, adalah wajar untuk mengekalkan beberapa ruang menegak di atas elemen yang dipautkan.

Untuk mencapai matlamat ini, penyelesaiannya terletak pada sifat tatal-margin-atas, yang menentukan jumlah ruang (dalam piksel) yang harus dikekalkan antara elemen yang dipautkan dan bahagian atas halaman selepas pautan sauh diklik.

Kod contoh:

<code class="css">#anchor {
  scroll-margin-top: 100px;
}</code>

Dalam contoh ini, elemen #anchor akan diletakkan 100 piksel di bawah bahagian atas halaman selepas pautan sauh yang sepadan diaktifkan.

Adalah penting untuk ambil perhatian bahawa sifat tatal-margin-atas disokong merentas penyemak imbas moden, memastikan tingkah laku yang boleh dipercayai pada pelbagai platform.

Atas ialah kandungan terperinci Bagaimana untuk Mencipta Ruang Di Atas Pautan Sauh?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!