0

Фиксированный класс:

.fixed-container {
            background-color: #242a35;
            position: fixed;
            width: 100%;
        }

Блок к которому необходимо добавить фиксированный класс:

<div class="wrapper-container">
            
        </div>

Код JavaScript:

window.onscroll = function() {
    var wrapperContainer = document.getElementsByClassName('wrapper-container');
    var scrollTop = window.pageYOffset || document.documentElement.scrollTop;
    if (scrollTop > 50) {
     wrapperContainer.classList.add('fixed-container');
    }
   }

Ошибка: Uncaught TypeError: Cannot read property 'add' of undefined введите сюда описание изображения

Подскажите, что не так сделал?

0

1 ответ 1

2

Потому что в var wrapperContainer = document.getElementsByClassName('wrapper-container') у Вас не один элемент, а коллекция. Если у Вас это один такой элемент, напишите:

var wrapperContainer = document.getElementsByClassName('wrapper-container')[0]

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.