Rumah >hujung hadapan web >tutorial css >Bagaimana untuk Mencapai Tatal Lancar Tanpa Pergerakan Halaman dalam Bekas Kedudukan Tetap?

Bagaimana untuk Mencapai Tatal Lancar Tanpa Pergerakan Halaman dalam Bekas Kedudukan Tetap?

Susan Sarandon
Susan Sarandonasal
2024-11-10 14:35:03654semak imbas

How to Achieve Smooth Scrolling Without Page Movement in Fixed-Position Containers?

ScrollIntoView() Tatal Lancar Tanpa Pergerakan Halaman

Apabila menggunakan ScrollIntoView(true) untuk menatal elemen dalam bekas kedudukan tetap, ia mempunyai telah diperhatikan bahawa keseluruhan halaman bergerak sedikit. Ini adalah tingkah laku yang dimaksudkan, tetapi dalam beberapa kes, ia mungkin tidak diingini.

Untuk bekas kedudukan tetap, penyelesaian berikut boleh menghalang halaman daripada dialihkan:

element.scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'start' })

Sintaks yang diubah suai ini menentukan :

  • tingkah laku: 'licin': Tatal lancar
  • sekat: 'terhampir': Tatal tepi terdekat elemen ke dalam paparan
  • sebaris: 'mula': Tatal tepi permulaan elemen ke paparan dalam elemen induk

Dengan menyatakan parameter ini, elemen kontena akan menatal dengan lancar, membawa elemen sasaran ke paparan tanpa menjejaskan halaman kedudukan.

Atas ialah kandungan terperinci Bagaimana untuk Mencapai Tatal Lancar Tanpa Pergerakan Halaman dalam Bekas Kedudukan Tetap?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn