ელემენტების სკროლირება JavaScript-ში

შემდეგი თვისებები შეიცავს იმას, თუ რამდენად არის სკროლირებული ელემენტი:

javascriptconsole.log(elem.scrollTop);  // ზემოდან
console.log(elem.scrollLeft); // მარცხნიდან

შემდეგი მაგალითი აჩვენებს ამ თვისებების მუშაობას. დასკროლეთ ელემენტი და დააჭირეთ ღილაკს, თქვენ დაინახავთ სკროლირების სიდიდეს:

Задание 1

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

Задание 2

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

Задание 3

დასკროლეთ ელემენტი ბოლომდე. დააჭირეთ ღილაკს, რომ გამოიჩნდეს სრული სკროლირების სიდიდე.

Задание 4

მიიღეთ ელემენტის scrollHeight და გამოაკელით მას სრული სკროლირების სიდიდე (წინა ამოცანიდან). რა მნიშვნელობა მიიღება? რა ზომებს შეიცავს იგი თავში?

Задание 5

დაუმატეთ offsetHeight და სრული სკროლირების სიდიდე. გამოაკელით ეს ჯამი scrollHeight მნიშვნელობას. რა რიცხვი მიიღება?