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

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

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

javascriptelem.scrollIntoView(true);

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

javascriptelem.scrollIntoView(false);

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

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

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

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

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