Metode om die venster na 'n element te rol in JavaScript

Die metode scrollIntoView rol die venster na die gegewe element. Die metode word toegepas op die element waarna die venster moet rol. Die parameter van die metode bepaal waar die element moet verskyn: bo aan die venster of onder aan.

Kom ons kyk na voorbeelde. Laat ons die venster rol sodat die element bo aan die venster is:

elem.scrollIntoView(true);

En nou rol ons die venster sodat die element onder aan die venster is:

elem.scrollIntoView(false);

Jy kan ook 'n objekt met instellings as parameter oordra. Laat ons die venster glad na die element rol:

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

Die objekt met instellings het ook instellings vir die belyning van die bladsy relatief tot die element. Die instelling block spesifiseer die vertikale belyning, en die instelling inline - die horisontale. Hulle kan die volgende waardes aanneem: 'start', 'center', 'end', 'nearest'.

Kom ons probeer:

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

Gegee 'n element en 'n knoppie. Met 'n druk op die knoppie, rol die bladsy na hierdie element. Probeer al die beskryfde moontlikhede.