javascript - 当达到顶部 680px 时，将 css 样式添加到 div

Question

我需要在下面的脚本中添加这种样式。

.logo-top{margin-top:0;}

因此，当达到前 680 位时，一些 div 变得可见（效果很好），但我还需要 logo-top 在达到该点时没有上边距。

但是怎么做？

编辑

我用从下面得到的输入稍微修改了脚本。 这行得通，只希望顶部 10px 的 logo-top 动画也可以 -6px 并返回。

$(document).ready(function(){
  var startY = 680;
  $(window).scroll(function(){
    checkY();
  });
  function checkY(){
    if($(window).scrollTop() > startY ){
      $('.fixedDiv').slideDown(400, function(){
        $('.logo-top').css('marginTop', -6);
      });
    }else{
      $('.fixedDiv').slideUp(400, function(){
        $('.logo-top').css('marginTop', 10);
      });
    }
  }
  checkY();
}); 

Answer 1

像这样：

$(document).ready(function(){
  var startY = 680;
  $(window).scroll(function(){
    checkY();
  });
  function checkY(){
    if($(window).scrollTop() > startY ){
      $('.fixedDiv').slideDown(400, function(){
        $(this).css('marginTop', 0);
      });
    }else{
      $('.fixedDiv').slideUp();
    }
  }
  checkY();
});