Meetod akna kerimiseks elemendini JavaScriptis

Meetod scrollIntoView kerib akna antud elemendi juurde. Meetodit rakendatakse elemendile, mille juurde akent tuleb kerida. Meetodi parameetriga reguleeritakse, kus element peaks asuma: akna ülaosas või allosas.

Vaatame näidete varal. Kerime akna nii, et element oleks akna ülaosas:

elem.scrollIntoView(true);

Ja nüüd kerime akna nii, et element oleks akna allosas:

elem.scrollIntoView(false);

Parameetrina saab edastada ka objekti seadistustega. Kerime akna sujuvalt elemendi juurde:

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

Seadistuste objektil on ka seaded lehe joondamiseks elemendi suhtes. Seade block määrab vertikaalse joonduse, ja seade inline - horisontaalse. Need võivad omandada järgmised väärtused: 'start', 'center', 'end', 'nearest'.

Proovime:

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

Antud on element ja nupp. Vajutusele nupul kerige leht antud elemendi juurde. Katsetage kõiki kirjeldatud võimalusi.