Njia ya Kusukuma Dirisha Kwenye Kipengele katika JavaScript

Njia scrollIntoView inasukuma dirisha kuelekea kipengele kilichopewa. Njia hutumika kwenye kipengele, ambacho dirisha linahitaji kusukumwa kuelekea kwake. Kigezo cha njia hudhibiti mahali kipengele kinapaswa kuonekana: juu ya dirisha au chini.

Hebu tuangalie kwa mifano. Wacha tusukume dirisha ili kipengele kiwe juu ya dirisha:

elem.scrollIntoView(true);

Sasa wacha tusukume dirisha ili kipengele kiwe chini ya dirisha:

elem.scrollIntoView(false);

Pia unaweza kupeana kitu chenye usanidi kama kigezo. Wacha tusukume dirisha kwa laini kuelekea kipengele:

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

Kitu chenye usanidi pia kina mipangilio ya kuweka sahihi ukurasa kuhusiana na kipengele. Usanidi block huweka usawa wima, na usanidi inline - usawa mlalo. Zinaweza kukubali maadili yafuatayo: 'start', 'center', 'end', 'nearest'.

Hebu tujaribu:

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

Kipengele na kifungo umetolewa. Ukipiga kifungo sukuma ukurasa kuelekea kipengele hiki. Jaribu uwezashaji wote ulioelezewa.