tatal offsethtml

Question

Saya cuba melakukan sesuatu dalam HTML dan CSS tetapi tidak pasti sama ada ia benar-benar berfungsi.

Saya ingin memastikan saya menambah semacam "kelewatan" semasa menatal, seperti memperlahankan penatalan untuk menjadikannya lebih lembut.

Sesetengah tapak melakukan ini, saya telah melawati beberapa halaman yang menatal secara berbeza daripada tapak lain dan kelihatan lembut.

Adakah ini mungkin?

Answer 1

Sudah tentu! Untuk mencapai kesan tatal yang lancar pada tapak web anda, anda boleh menggunakan peraturan CSS berikut:

html {
  scroll-behavior: smooth;
}

Dan untuk membuat pautan dalaman yang mencetuskan penatalan lancar, gunakan tag sauh seperti ini dalam HTML anda:

<a href="#section1">跳转到第一部分</a>
<a href="#section2">跳转到第二部分</a>

<section id="section1">
  <!-- 第一部分的内容 -->
</section>

<section id="section2">
  <!-- 第二部分的内容 -->
</section>

Dengan menggunakan kaedah ini, penatalan tapak web anda akan berasa lebih lancar dan selesa untuk pengguna.