Bagaimana untuk Menambah Ruang Menegak Sebelum Pautan Sauh?

Menempatkan Pautan Sauh dengan Pixel Offset

Apabila menggunakan pautan sauh, adalah perkara biasa untuk bahagian yang dipautkan muncul di bahagian paling atas halaman selepas klik. Untuk senario di mana beberapa ruang menegak diingini sebelum bahagian yang dipautkan, isu ini timbul.

Syukurlah, sifat "scroll-margin-top" boleh digunakan untuk menangani keperluan ini. Begini caranya:

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

Tetapkan sifat "scroll-margin-top" dengan nilai piksel yang diingini kepada elemen yang menerima pautan sauh. Dalam keadaan ini, tag anchor diikat pada elemen dengan ID "anchor." Dengan menetapkan "scroll-margin-top" kepada 100px, ia memastikan bahawa mengklik pada pautan sauh akan menavigasi ke elemen "anchor" dengan 100px jarak menegak dari bahagian atas halaman.

Ini ialah penyemak imbas -penyelesaian yang disokong, menyediakan cara yang serasi untuk mengawal offset menegak pautan sauh.

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