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:

javascriptlet 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:

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

console.log(scrollWidth);
Задание 1

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

Задание 2

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

Задание 3

Tugmani bosish orqali skrol ostida yashiringan qismning balandligini chiqaring.