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

Question

我一直在遵循教程。我无法弄清楚为什么我的 JQuery 函数都不起作用。我向下滚动，什么也没有发生。我的所有文件都已正确链接和引用。我尝试更改 javascript，因此滚动 50px 将更改不透明度，但它仍然不起作用。请帮忙！

谢谢你的时间。

main.js

var 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 background

window.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;（在“风格”之前）