Суть в том, что я написал функцию, которая проверяет высоту контейнера и сравнивает ее с высотой отступа футера. Проблема здесь: почему-то срабатывают два условия, где высота отступа футера больше высоты контейнера и наоборот. Срабатывают два условия при изменении размера экрана. Буквально каждый пиксель срабатывает условие.
function footerPosition() {
var footer = document.querySelector('.footer');
var page = document.querySelector('.page-wrapper > div');
var footerTop = footer.offsetTop;
var pageHeight = page.clientHeight + 220;
if(pageHeight > footerTop) {
console.log(2, pageHeight >= footerTop,pageHeight,footerTop )
footer.classList.add('stat');
} else if(pageHeight < footerTop) {
console.log(1, pageHeight < footerTop, pageHeight, footerTop)
footer.classList.remove('stat');
}
};
footerPosition();
window.onresize = function() {
footerPosition();
};