为什么这个 JQuery 函数不起作用？（向下滚动时使导航栏透明）

Question

我一直在遵循教程。我无法弄清楚为什么我的 JQuery 函数都不起作用。我向下滚动，什么也没有发生。我的所有文件都已正确链接和引用。我尝试更改 javascript，因此滚动 50px 将更改不透明度，但它仍然不起作用。请帮忙！谢谢你的时间。main.jsvar map;function initMap() {    const loc = { lat: 42.361145, lng: -71.057083 };    const map = new google.maps.Map(document.querySelector('.map'), {        zoom: 14,        center: loc    });    const marker = new google.maps. Marker({position: loc, map: map});}// Sticky menu backgroundwindow.addEventListener ('scroll', function() {    if (window.scrollY > 150) {        document.querySelector('#navbar')style.opacity = 0.2;    } else {        document.querySelector('#navbar').style.opacity = 1;    }});// Smooth Scrolling$('#navbar a, .btn').on('click', function(event) {    if (this.hash !== '') {      event.preventDefault();      const hash = this.hash;      $('html, body').animate(        {          scrollTop: $(hash).offset().top - 100        },        800      );    }  });

Answer 1

这一行少了一个点：

document.querySelector('#navbar')style.opacity = 0.2;

（在“风格”之前）