JavaScript-də elementə pəncərəni sürüşdürmək üsulu

scrollIntoView metodu pəncərəni verilmiş elementə sürüşdürür. Metod pəncərənin sürüşdürülməli olduğu elementə tətbiq edilir. Metodun parametri ilə tənzimlənir ki, element harada yerləşməlidir: pəncərənin yuxarısında və ya aşağısında.

Gəlin nümunələrə baxaq. Pəncərəni elə sürüşdürək ki, element pəncərənin yuxarı hissəsində olsun:

elem.scrollIntoView(true);

İndi isə pəncərəni elə sürüşdürək ki, element aşağıda olsun:

elem.scrollIntoView(false);

Parametr kimi parametrlər olan bir obyekt də ötürmək olar. Gəlin pəncərəni elementə yumşaq şəkildə sürüşdürək:

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

Parametrlər obyektinin həmçinin səhifənin elementə nisbətən düzləndirilməsi parametrləri var. block parametri şaquli düzləndirməni təyin edir, inline parametri isə üfüqi düzləndirməni. Onlar aşağıdakı dəyərləri qəbul edə bilər: 'start', 'center', 'end', 'nearest'.

Gəlin yoxlayaq:

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

Element və düymə verilib. Düyməyə klikləndikdə səhifəni bu elementə sürüşdürün. Təsvir olunan bütün imkanları sınayın.