从视口顶部停止导航栏2em

时间:2016-12-09 06:28:29

标签: javascript jquery html css

我的网站上有一个导航栏,从页面的左下角开始,当我向上滚动时,我希望它从视口的顶部停止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

1 个答案:

答案 0 :(得分:0)

试试这个!

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>