向下滚动到它所属的div时，导航变得固定

Question

我为我的地区组织制作了一个网站。总的来说模板很好，但有些东西我不知道如何实现。身体里有两个div。上部高度为100vh。沮丧的是新闻和文章。我在第二个上面放了导航，当然是在静态位置设置。现在我想要实现的是通过向下滚动到达容器div后使其固定。我已经为此搜索了很多，看起来很像jQuery＆＃34;滚动到固定＆＃34;案件。我对jQuery很新，虽然我可以理解它，因为我对PHP更熟悉，但由于某些原因，脚本没有用。也可能是因为头部缺少一些插件脚本，所以如果你有答案，请不要忘记将插件脚本添加到头部。无论如何，这里是我尝试的示例脚本（与我给position: fixed;和top: 0;值的css类相结合）

$(function(){
  $(window).scroll(function() {
    if ($(this).scrollTop() >= 290) {
      $('nav.main-nav').addClass('stickytop');
    }
    else {
      $('nav.main-nav').removeClass('stickytop');
    }
  });
});