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:

javascriptelem.scrollIntoView(true);

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

javascriptelem.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:

javascriptelem.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:

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