JavaScript да ойнани элементга жаратиш учун метод

scrollIntoView методи ойнани беркитилган элементга жарайди. Метод ойна жаратиладиган элементга қўлланилади. Методнинг параметри билан элементнинг qаерда жойлашиши бошқарилади: ойнанинг юқорисида ёки пастида.

Келинг, мисолларда кўрамиз. Ойнани элемент юқорида жойлаши учун жаратамиз:

javascriptelem.scrollIntoView(true);

Энди ойнани элемент пастида жойлаши учун жаратамиз:

javascriptelem.scrollIntoView(false);

Параметр сифатида созламалар билан объект ҳам бериш мумкин. Келинг, ойнани элементга эгилмали жаратамиз:

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

Созламалар объектида саҳифани элементга нисбатан тўғрилаш созламалари ҳам мавжуд. block созламаси тик тўғрилашни белгилайди, inline созламаси эса горизонтал тўғрилашни. Улар қуйидаги қийматларни қабул қилиши мумкин: 'start', 'center', 'end', 'nearest'.

Келинг, синаб кўрамиз:

javascriptelem.scrollIntoView({
  behavior: 'smooth',
  block: 'start',
  inline: 'end',
});
Задание 1

Элемент ва тугма берилган. Тугмани босганда саҳифани ушбу элементга жаратинг. Тасвирланган имкониятларнинг ҳаммасини синаб кўринг.