JavaScript-da Skrol Qismi Hisobga Olgan Holda Oyna O‘lchamlari

Keling, skrol qilingan qismini hisobga olgan holda oyna o‘lchamlarini olamiz. Afsuski, barcha brauzerlarda ishlaydigan qulay usul mavjud emas. Quyida ishlaydigan yechimlar keltirilgan. Ularni chuqur o‘rganish shart emas, shunchaki ishlating.

Skrol qilingan qismi hisobga olgan holda balandlik:

let scrollHeight = Math.max(
	document.body.scrollHeight, document.documentElement.scrollHeight,
	document.body.offsetHeight, document.documentElement.offsetHeight,
	document.body.clientHeight, document.documentElement.clientHeight
);

console.log(scrollHeight);

Skrol qilingan qismi hisobga olgan holda eni:

let scrollWidth = Math.max(
	document.body.scrollWidth, document.documentElement.scrollWidth,
	document.body.offsetWidth, document.documentElement.offsetWidth,
	document.body.clientWidth, document.documentElement.clientWidth
);

console.log(scrollWidth);

Tugmani bosish orqali skrol qilingan qismini hisobga olgan holda balandlikni chiqaring.

Tugmani bosish orqali skrol qilingan qismini hisobga olgan holda enini chiqaring.

Tugmani bosish orqali skrol ostida yashiringan qismning balandligini chiqaring.