@ekzotika

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

Почему не работает скрипт jQuery?
Пытаюсь сделать, чтобы при скроллировании цвет header менялся на другой. Но ничего не происходит, совсем. Даже console.log не работает. Подозреваю, что проблема именно в том, что это jQuery. Подскажите, что здесь не так?

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js">
        var menu = $("header");
          $(window).scroll(function() {
            var top = $(this).scrollTop();
            if ( top >= 100 ) {
              menu.css(background:'green');
            } else if ( top <= 200 ) {
              menu.css(background:'red');
            }
          });
    </script>
  • Вопрос задан
  • 71 просмотр
Решения вопроса 1
Benzin102
@Benzin102
Shitcoder
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"> </script>
<script>
  var menu = $("header");
  $(window).scroll(function() {
    var top = $('html').scrollTop();
    if (top >= 100) {
      menu.css('background','green');
    } else if ( top <= 200 ) {
      menu.css('background','red');
    }
  });
</script>
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
Igor_307
@Igor_307
Фрилансер
var menu = $("header");
$(document).on('scroll', function() {
  var top = $(this).scrollTop();
  if ( top >= 100 ) {
    menu.css({'background':'green'});
  } else if ( top <= 200 ) {
    menu.css({'background':'red'});
  }
});


так должно работать
Ответ написан
iamd503
@iamd503
Верстальщик
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
$(function () {
    var menu = $("header");
    $(window).scroll(function () {
        var top = $(this).scrollTop();
        if (top >= 100) {
            menu.css('background', 'green');
        } else if (top <= 200) {
            menu.css('background', 'red');
        }
    });
});
Ответ написан
Ваш ответ на вопрос

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

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