粘性導航不適用於較小的屏幕尺寸

Question

我目前正在實現 HTML 和 CSS 的設計。 對於響應性，我正在實現媒體查詢。 我有一個粘性導航，它變成了一個低於 850 像素屏幕尺寸的下拉菜單。 粘性導航工作正常（使用交叉點觀察器實現，當英雄部分不在視線范圍內時觸發）。 但是，對於較小的屏幕，當我將其更改為下拉菜單時，它會在第三部分觸發，甚至將我帶回第二部分。 有人可以幫忙嗎？

// sticky navigation implementation
const observer = new IntersectionObserver(
  (entries) => {
    if (!entries[0].isIntersecting) {
      document.body.classList.add('sticky');
    } else {
      document.body.classList.remove('sticky');
    }
  },
  {
    root: null,
    threshold: 0.05,
  }
);
observer.observe(sectionHero);