Javascript 根据100%的高度滚动修正标题

因此，我目前在scroll上使用固定标题，但是我在jQuery中设置了标题大小的高度。现在这个标题的高度可能会有所不同，所以与其在105px的卷轴上做，我怎么能在100%高度的卷轴上做呢？由于标头可以更改，当前代码将导致固定标头在某些客户端页面上无法正常工作

$(window).scroll(function(){            
  if ($(window).scrollTop() >= 105) {
    $('#navigation').addClass('fixed-header');
   }
  else {
    $('#navigation').removeClass('fixed-header');
   }
    });

---

因此，该代码确实可以按规定工作。问题是它被设置为“105”。我需要根据标题的大小进行更改。而不是一直设置为某个特定的大小。

您必须获得该

标题

高度

假设

标题是

东西

在JS中

const header=$（“header”）；
$（窗口）。滚动（函数（）{
if（$（window.scrollTop（）>=header.height（））{
$（“#导航”）.addClass（'fixed-header'）；
}
否则{
$（“#导航”）.removeClass（'fixed-header'）；
}
});

了解
元素高度（）