Mengapa ScrollIntoView() Menyebabkan Anjakan Halaman Mendatar?

ScrollIntoView() Menyebabkan Anjakan Halaman Mendatar

Apabila menggunakan ScrollIntoView() untuk membawa item tertentu ke dalam paparan dalam bekas menatal, pergerakan mendatar yang tidak dijangka pada keseluruhan halaman boleh berlaku apabila menatal ke atas. Isu ini timbul terutamanya apabila bekas penatal diletakkan tetap dalam halaman.

Untuk membetulkan tingkah laku ini, pertimbangkan untuk menggunakan kod berikut:

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

Kod ini memperkenalkan pilihan tambahan kepada scrollIntoView( ) fungsi:

• gelagat: 'lancar': Menyediakan animasi tatal yang lancar.
• sekat: 'terhampir': Tatal bekas ke tepi paling dekat port pandangan.
• sebaris: 'mula': Menjajarkan elemen pada permulaan port pandang (mendatar).

Dengan menyatakan sebaris: 'mula', kami menghalang anjakan mendatar halaman. Ambil perhatian bahawa nilai terdekat dan mula mungkin perlu dilaraskan berdasarkan keperluan khusus anda.

Atas ialah kandungan terperinci Mengapa ScrollIntoView() Menyebabkan Anjakan Halaman Mendatar?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!