ფანჯრის ელემენტთან მოძრავი მეთოდი JavaScript-ში

scrollIntoView მეთოდი ახდენს ფანჯრის მოძრაობას მოცემულ ელემენტთან. მეთოდი გამოიყენება იმ ელემენტზე, რომლის მიმართულებითაც უნდა მოხდეს ფანჯრის მოძრაობა. მეთოდის პარამეტრით რეგულირდება, სად უნდა მოხვდეს ელემენტი: ფანჯრის ზედა ნაწილში თუ ქვედა.

მოდით შევხედოთ მაგალითებს. გადავტრიალოთ ფანჯარა ისე, რომ ელემენტი იყოს ფანჯრის ზედა ნაწილში:

elem.scrollIntoView(true);

ახლა კი გადავტრიალოთ ფანჯარა ისე, რომ ელემენტი იყოს ფანჯრის ქვედა ნაწილში:

elem.scrollIntoView(false);

ასევე შესაძლებელია პარამეტრად ობიექტის გადაცემა პარამეტრებით. მოდით, გადავტრიალოთ ფანჯარა ელემენტთან შეუფერხებლად:

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

პარამეტრების ობიექტს ასევე აქვს გვერდის გასწორების პარამეტრები ელემენტთან მიმართებაში. block პარამეტრი ადგენს ვერტიკალურ გასწორებას, ხოლო inline პარამეტრი - ჰორიზონტალურას. მათ შეუძლიათ მიიღონ შემდეგი მნიშვნელობები: 'start', 'center', 'end', 'nearest'.

მოდით ვცადოთ:

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

მოცემულია ელემენტი და ღილაკი. ღილაკზე დაჭერით გადაიტანეთ გვერდი ამ ელემენტთან. გამოცადეთ ყველა აღწერილი შესაძლებლობა.