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
Lepaskan: 2024-11-10 14:35:03
asal
640 orang telah melayarinya

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' })
Salin selepas log masuk

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!

sumber:php.cn
Kenyataan Laman Web ini
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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan