Портфоліо
Розробляємо інтернет-магазини, CRM системи, SaaS, APP платформи — впроваджуємо AI у процеси та рішення.
Client Logo
Icon 5.0
+150 клієнтів
Новий проєкт
Project Image
Технології
Розробляємо інтернет-магазини, CRM системи, SaaS, APP платформи — впроваджуємо AI у процеси та рішення.
Client Logo
Icon 5.0
+150 клієнтів
Новий проєкт
Project Image
14.10.2025

JavaScript: Як дізнатися на скільки пікселів прокручена HTML сторінка

Blog Image

Іноді буває необхідно, наприклад, вивести спливаюче вікно рівно по центру вікна. У цьому чудово нам може знадобиться css position: fixed. Але, що робити, якщо розмір псевдо-попапа fixed занадто високий і тоді користувач при скролі сторінки не зможе побачити весь текст в цьому вікні.

Дізнаємося JAVASCRIPT’ом на скільки прокручена сторінка по вертикалі і по горизонталі.

function getBodyScrollTop()
{
return self.pageYOffset || (document.documentElement && document.documentElement.scrollTop) || (document.body && document.body.scrollTop);
}
function getBodyScrollLeft()
{
return self.pageXOffset || (document.documentElement && document.documentElement.scrollLeft) || (document.body && document.body.scrollLeft);
}
Давайте
рухати
світ
разом
стати клієнтом
Redstone Icon
Зателефонувати
Менеджер REDSTONE
Play Muted Unmuted Link Drag