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:

javascriptelem.scrollIntoView(true);

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

javascriptelem.scrollIntoView(false);

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

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

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