javascript прокрутка ширина высота
PETSEE.NET
Все закладки
IT-технологии
Автомобили
Бизнес и финансы
Графика
Животные
Кулинария
Лингвистика
Медицина
Мотоциклы
Музыка
Растения
Спорт
Юмор
Прочее
Основное Разделы Дополнения Участникам
javascript прокрутка ширина высота
Реклама
 
Проверь свои знания :-)
Ранг:Без мыслей
Статус ответа:Думаю...
Рейтинг знаний:0
Имя участника:
Где гиднеллум ржавчичный?

javascript прокрутка ширина высота

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

===================

<script>
//Высота видимой части
var showHieght = document.documentElement.clientHeight;

//Текущая прокрутка
var scrolled = window.pageYOffset || document.documentElement.scrollTop;

//Высота с учетом прокрутки
var scrollHeight = Math.max(
document.body.scrollHeight, document.documentElement.scrollHeight,
document.body.offsetHeight, document.documentElement.offsetHeight,
document.body.clientHeight, document.documentElement.clientHeight
);

//функция для обработки кода при прокручивании
window.onscroll = function() {
var scrolled = window.pageYOffset || document.documentElement.scrollTop;
alert( 'Высота видимой части = ' + showHieght
+ 'nТекущая прокрутка = ' + scrolled
+ 'nВысота с учетом прокрутки: ' + scrollHeight);
}

alert( 'Высота видимой части = ' + showHieght
+ 'nТекущая прокрутка = ' + scrolled
+ 'nВысота с учетом прокрутки: ' + scrollHeight);

</script>

===================

13.10.2016 / Андрей / Рейтинг: 0.00 (0 голосов) 

<<<
<
1
2
3
4
5
6
7
8
9
10
11
>
>>>
Всего страниц: 1
Комментарии:
Добавить комментарий
Ваше имя:
Введите код:
Текст комментария:
Защищено www.petsee.net
2009 — 2017