javascript - 窗口滚动 jQuery 动画效果不佳

Question

下面是我的代码。我不确定哪里错了。

JavaScript:

(function () {
  $(window).scroll(function(){
    var scrollTop=Math.round($('.nav').offset().top);
    if (scrollTop > 1000 ) {
      $('.nav').animate({top:0});
    }
    if (scrollTop < 1000) {
      $('.nav').animate({top:90});
    }
  });
}());

HTML:

<div class="nav"></div>
<div style="display:block; height:16000px; border:1px solid #000;" id="wrp"></div>

JSFIDDLE

Answer 1

要使用top，您必须将position:relative/absolute/fixed 设置为元素.nav，具体取决于您的需要。