@RuslanTimuziyev
Немного кодер

Почему не работает скрипт?

Суть в том, что я написал функцию, которая проверяет высоту контейнера и сравнивает ее с высотой отступа футера. Проблема здесь: почему-то срабатывают два условия, где высота отступа футера больше высоты контейнера и наоборот. Срабатывают два условия при изменении размера экрана. Буквально каждый пиксель срабатывает условие.
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();
};
  • Вопрос задан
  • 125 просмотров
Пригласить эксперта
Ответы на вопрос 2
PavelMonro
@PavelMonro
Сейчас прибегут нострадамусы
Ответ написан
Комментировать
webinar
@webinar Куратор тега Веб-разработка
Учим yii: https://youtu.be/-WRMlGHLgRg
Срабатывают два условия при изменении размера экрана
не может быть

Буквально каждый пиксель срабатывает условие.
Это какой язык? Какие пиксели и как у Вас срабатывают. Что это????
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
24 нояб. 2024, в 01:35
5000 руб./за проект
24 нояб. 2024, в 01:24
500 руб./за проект
24 нояб. 2024, в 00:04
5000 руб./за проект