Metoda për të rrëshqitur dritaren tek një element në JavaScript

Metoda scrollIntoView rrëshqet dritaren tek elementi i specifikuar. Metoda aplikohet tek elementi, tek i cili duhet të rrëshqitet dritarja. Parametri i metodës rregullon se ku duhet të gjendet elementi: në krye të dritares ose në fund.

Le të shohim me shembuj. Le të rrëshqasim dritaren në mënyrë që elementi të jetë në krye të dritares:

elem.scrollIntoView(true);

Tani le të rrëshqasim dritaren në mënyrë që elementi të jetë në fund të dritares:

elem.scrollIntoView(false);

Mund të kalosh si parametër edhe një objekt me konfigurime. Le të rrëshqasim dritaren paqërsisht tek elementi:

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

Objekti me konfigurime ka edhe konfigurime të rreshtimit të faqes në lidhje me elementin. Konfigurimi block vendos rreshtimin vertikal, ndërsa konfigurimi inline - horizontalin. Ato mund të marrin këto vlera: 'start', 'center', 'end', 'nearest'.

Le të provojmë:

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

Jepet një element dhe një buton. Me klikim të butonit rrëshqisni faqen tek ky element. Provoni të gjitha mundësitë e përshkruara.