交叉点观察者未触发从其他页面链接到的节

Question

我已经在主页上设置了交叉点观察员API。我有从导航菜单链接到的带有ID的部分。单击时，每个部分都会成功触发从页面滚动到的交叉点观察者回调。

我从导航菜单中的其他页面链接到这些相同的部分，但当单击其中一个链接时，主页上的部分会被导航到，但不会执行交叉点观察者回调。

以下是导航链接的示例：index.html#about-us

交叉口观测器代码：

var aboutUs = document.querySelector('#about-us');
var observer = new IntersectionObserver(function(entries) {
if(entries[0].isIntersecting === true) {
entries[0].target.style.opacity = '1';
}
}, { threshold: [0.5] });
observer.observe(aboutUs);

如果有人对此有任何经验，请告诉我。

Answer 1

我找到了一个解决方案。检查条件中的window.scrollY位置，然后执行该部分的代码：

if (window.scrollY > 1700 && window.scrollY < 1800) {
for (let i = 0; i < serviceDivs.length; i++) {
var el = serviceDivs[i];
el.style.opacity = '1';
}
}