Kaedah untuk Menatal Tetingkap ke Elemen dalam JavaScript

Kaedah scrollIntoView menatal tetingkap ke elemen yang ditentukan. Kaedah ini digunakan pada elemen yang hendak ditatal ke oleh tetingkap. Parameter kaedah mengawal di mana elemen tersebut sepatutnya berada: di bahagian atas atau bawah tetingkap.

Mari kita lihat contoh. Tatal tetingkap supaya elemen berada di bahagian atas tetingkap:

elem.scrollIntoView(true);

Sekarang tatal tetingkap supaya elemen berada di bahagian bawah tetingkap:

elem.scrollIntoView(false);

Anda juga boleh menghantar objek dengan tetapan sebagai parameter. Mari kita tatal tetingkap dengan lancar ke elemen:

elem.scrollIntoView({
	behavior: 'smooth',
});

Objek dengan tetapan juga mempunyai tetapan penjajaran halaman berbanding elemen. Tetapan block menentukan penjajaran menegak, manakala tetapan inline - penjajaran mendatar. Ia boleh menerima nilai berikut: 'start', 'center', 'end', 'nearest'.

Mari kita cuba:

elem.scrollIntoView({
	behavior: 'smooth',
	block: 'start',
	inline: 'end',
});

Diberikan elemen dan butang. Apabila ditekan, pada butang tatal halaman ke elemen ini. Cuba semua kebolehan yang diterangkan.