Ҷойивазкунии элементҳо дар JavaScript

Хусусиятҳои зерин онро дар бар мегиранд, ки элемент чӣ қадар ҷойиваз шудааст:

javascriptconsole.log(elem.scrollTop);  // аз боло
console.log(elem.scrollLeft); // аз чап

Намунаи зерин коркарди ин хусусиятҳоро намоиш медиҳад. Элементро ҷойиваз кунед ва тугмаро пахш кунед, шумо миқдори ҷойивазкуниро хоҳед дид:

Задание 1

Элемент ва тугма дода шудааст. Бо пахш кардани тугма бубинед, ки элемент аз амудӣ чӣ қадар ҷойиваз шудааст.

Задание 2

Элемент ва тугма дода шудааст. Бо пахш кардани тугма тафтиш кунед, ки элемент аз амудӣ ҷойиваз шудааст ё не.

Задание 3

Элементро то охир ҷойиваз кунед. Барои намоиши миқдори ҷойивазкунии пурра тугмаро пахш кунед.

Задание 4

scrollHeight-и элементро гиред ва аз он миқдори ҷойивазкунии пурраро кам кунед (аз вазифаи қаблӣ). Кадом арзиш ба даст меояд? Кадом андозаҳоро он дар бар мегирад?

Задание 5

offsetHeight ва миқдори ҷойивазкунии пурраро ҷамъ кунед. Ин маблағро аз арзиши scrollHeight кам кунед. Кадом рақам ба даст меояд?