Пожалуйста решить задачу нужно чтобы при прокрутке сайта панель меню уменьшaлась в размере?

Question

[ilya granovskyy]

Answer 1

[hellcaster]

document.addEventListener(`scroll`, () => {
 if (window.pageYOffset > 0) {
    navbar.classList.add(`menu-not-top`);
  }
});

Comments

[ilya granovskyy]

не работает!

[ilya granovskyy]

SyntaxError: missing ) after argument list пишет в pencode

[hellcaster]

ilya granovskyy, обновил. А для .menu-not-top вы должны сами стили добавить

[ilya granovskyy]

hellcaster, hellcaster, я извиняюсь menu not top такого в коде у меня нету что это я не знаю я новенький в верстке я вставил код обновил выбило ReferenceError: navbar is not defined ReferenceError: $ is not defined.Заменил menu not top на menu не помогает.p.s если бы я сам мог сюда что то добавить я бы не просил помощи

[darkun]

Тебе нужно создать переменную navbar:
var navbar = document.querySelector('.класс_меню');

А так, если на твой код посмотреть, то ты пользуешься jquery, но ты его не подключил.
Удали код из окошка с js.
То, что у тебя находится внизу html-кода в теге script, вынеси в правое окошко с js.
Найди jquery cdn и подключи под footer.

[hellcaster]

ilya granovskyy, на самом деле, Вам нужно выучить это, а не спрашивать на форумах

[ilya granovskyy]

hellcaster, если бы на самом деле я знал где найти информацию я бы не спрашивал.Форум для того и нужен чтобы спрашивать вы не туда зашли

[ilya granovskyy]

hellcaster, и ваш ответ не работает между прочим

[hellcaster]

ilya granovskyy, в этом случае намного полезнее натолкнуть на ответ, чем дать готовый

Но если интересно готовый, то https://codepen.io/murynOfficial/pen/qBNvVJx

[ilya granovskyy]

hellcaster, спасибо меню действительно уменьшилось это моя вторая верстка не судите строго но пояаилась проблема .Вы возможно не заметили но теперь классы Content1 и Content 2 (посмотрите внимательно в Codepen) вобще не отображаются браузером.Буду весьма благодарен если поможите решить и эту проблему.?

[ilya granovskyy]

разобрался не надо искать спасибо