АКЦИЯ: бесплатные месячные курсы по созданию сайтов
на выбор: верстка, JavaScript, PHP или фреймворки. Сегодня последний день для записи! Жми!
⊗jsSpMWSS 25 of 294 menu
Вышло новое интервью! Интервью дают мои ученики, которые уже устроились на работу в IT:) Жми, чтобы прочитать!

Размеры окна с учетом прокрутки в JavaScript

Давайте получим размеры окна с учетом прокрученной части. К сожалению, удобного способа, работающего во всех браузерах - нет. Ниже приводятся работающие решения. Вникать в них не стоит, просто используйте.

Высота с учетом прокрученной части:

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);

Ширина с учетом прокрученной части:

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);

По нажатию на кнопку выведите высоту с учетом прокрученной части.

По нажатию на кнопку выведите ширину с учетом прокрученной части.

По нажатию на кнопку выведите высоту спрятанной под прокруткой части.

enru