Bagaimana untuk Mengimbangi Pautan Sauh dari Bahagian Atas Viewport?

Pautan Sauh dengan Offset dari Atas

Apabila menavigasi halaman web melalui pautan sauh, bahagian sasaran sering mendarat terus di bahagian atas port pandangan . Untuk menyediakan sedikit ruang pernafasan, adalah wajar untuk mengimbangi sedikit kawasan yang dipautkan dari tepi halaman.

Penyelesaian

Sifat tatal-margin-atas menawarkan penyelesaian yang mudah. Dengan menambahkan nilai pada sifat ini untuk sauh, anda boleh membuat jurang antara kedudukan terpautnya dan tepi atas halaman. Contohnya:

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

Kod ini akan mengalihkan bahagian sasaran 100px ke bawah dari atas apabila menavigasi melalui pautan sauh.

Keserasian

Nasib baik, penyelesaian ini disokong secara meluas oleh penyemak imbas moden, termasuk Chrome, Firefox, Safari dan Edge. Keserasiannya dengan pelayar lama seperti Internet Explorer, bagaimanapun, adalah terhad.

Atas ialah kandungan terperinci Bagaimana untuk Mengimbangi Pautan Sauh dari Bahagian Atas Viewport?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!