@NasekinLovell

Не работает анимация jquery. В чем проблема?

На сайте нужно сделать анимацию шапки, чтобы при скролле до определенного блока она становилась фиксированной и добавлялся класс https://schluesseldienst-berlin-24.de/

как здесь https://www.locksmithsusa.com/

5ffef119aa83f738026548.png

Я создал класс, прописал свойства, которые делают шапку фиксированной и добавил библиотеки
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.min.js'/>


вот код jquery

jQuery(document).ready(function(){
    
    /* For the sticky navigation */
     $('.js--section--info').waypoint(function(direction) {
        if (direction == "down") {
             $('nav').addClass('sticky');
        } else {
             $('nav').removeClass('sticky');
        }
    }, {
      offset: '60px;'
    });
  
  });


Функция не срабатывает и выдаются ошибки
5ffef20ea1969541499374.png
  • Вопрос задан
  • 31 просмотр
Пригласить эксперта
Ответы на вопрос 1
@ksnk
Можно вместо $ везде писать jQuery. Или разобраться, почему эту переменную переопределяют все кому не лень
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы