Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 25.07.2018, 21:22
Интересующийся
Отправить личное сообщение для EvgenyTryap Посмотреть профиль Найти все сообщения от EvgenyTryap
 
Регистрация: 19.09.2014
Сообщений: 19

Проверка высоты окна браузера
Есть скрипт, который изменяет при прокрутке класс блока с position:fixed на absolute при достижении блока (add-product) другого блока (recommend)..всё отлично работает, за исключением того, что в мобильных браузерах при прокрутке вниз скрывается адресная строка и тем самым увеличивается высота окна браузера и блок изменяет свой класс с запозданием..Подскажите как изменить код, чтоб учитывались эти изменения в высоте окна. Заранее благодарю!
window.addEventListener('DOMContentLoaded', function() {
var footer = document.querySelector('#recommend'),
sidebar = document.querySelector('#add-product'),
top, height;
document.addEventListener('scroll', function() {
top = footer.getBoundingClientRect().top;
height = document.documentElement.clientHeight;
sidebar.classList[top < height ? "add" : "remove"]('move');
});
});
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Определение максимальной высоты окна браузера Akournikov Events/DOM/Window 1 14.12.2015 00:55
Отступ в зависимости от высоты окна браузера IndigoHollow jQuery 2 14.10.2015 11:57
FancyBox: Размер модального окна больше размеров окна браузера (высота), как сделать? clgs Events/DOM/Window 3 22.01.2015 17:13
Динамическое получение ширины и высоты окна браузера Esseron Элементы интерфейса 2 04.04.2011 16:00
Установить высоту таблици в зависимости от высоты окна браузера Fe_DoS Events/DOM/Window 9 25.01.2010 22:40