javascript - 从视口(viewport)顶部停止导航栏2em

我的网站上有一个导航栏，它从页面的左下角开始，当我向上滚动时，我希望它从视口的顶部停止2em。

<script>
  var  mn = $(".main-nav");
  mns = "main-nav-scrolled";

  $(window).scroll(function() {
    if( $(this).scrollTop() > 1000 ) {
      mn.addClass(mns);
    } else {
      mn.removeClass(mns);
    }
  });
</script>

我在top =公式时遇到了麻烦。而不是1000，我希望它从顶部停止2em。

最佳答案

尝试这个！

var存储后的功能！像那样。

<script>
  $(window).scroll(function() {
    var  mn = $(".main-nav");
    mns = "main-nav-scrolled";
    if( $(this).scrollTop() > 1000 ) {
      mn.addClass(mns);
    } else {
      mn.removeClass(mns);
    }
  });
</script>