scroll

🎓 Размеры и прокрутка элемента

✅ scrollHeight

полная высота элемента

✅ scrollWidth

полная ширина элемента

✅ clientHeight

высота видимой части элемента
( за вычетом полосы прокрутки )

✅ clientWidth

ширина видимой части элемента
( за вычетом полосы прокрутки )

✅ offsetHeight

высота видимой части элемента
( с учетом полосы прокрутки )

✅ offsetWidth

ширина видимой части элемента
( с учетом полосы прокрутки )

✅ scrollTop

высота "прокрученной" части элемента 
( сверху )

✅ scrollLeft

ширина "прокрученной" части элемента 
( слева )

---

☕ Пример в песочнице

🎓 getBoundingClientRect()