Проверка высоты окна браузера
 

Есть скрипт, который изменяет при прокрутке класс блока с 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');
});
});