Javascript 十字路口观察员不在Safari中工作

我正在创建一个简单的导航栏，当它到达第一页的末尾（“.hero”）时，可以切换背景（通过类“.nav-bg”）。它在Firefox/Chrome上10/10工作，但在Edge和Safari上不工作。 我不明白为什么

代码：

const observer=新的IntersectionObserver（条目=>{
document.querySelector（“.navbar”）.classList.toggle（“nav bg”，条目[0]。intersectionRatio<0.1）；
}, {
阈值：0.1
});
观察者（document.querySelector（“.hero”）；

我的问题可能很愚蠢，但你的文档开头有

吗？@JohnRambo是的，我有我想你已经试过了：是的，仍然没有工作

const observer = new IntersectionObserver(entries =>{
    document.querySelector(".navbar").classList.toggle("nav-bg", entries[0].intersectionRatio < 0.1);
  }, {
    threshold: 0.1
   });
  
    observer.observe(document.querySelector(".hero"));