Javascript html时粘滞菜单不工作，正文100%高度

我在我的页面上的主滑块下有一个导航栏。 我想让导航条在滚动到这一点时粘在页面顶部

我的jQuery如下所示：

$(window).on('scroll load', function() {
$('.navbar').toggleClass('navbar-fixed-top', $(this).scrollTop() > $(window).height());
});

该代码将class.navbar fixed top添加到导航中。 上面的代码工作得非常好，直到我设置html，body to height:100%。 执行此操作时，脚本无法检测导航何时到达视口顶部。 我需要这样做的另一个部分的网站，我想要一个完整的页面背景

为什么html、正文设置为100%会影响我的jQuery代码

---

谢谢

您是否尝试过将车身设置为

最小高度：100%

而不是

高度：100%

？设置为最小高度：100%有效。谢谢