当达到顶部680px然后添加css样式到div

Question

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

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

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

但是怎么样？

修改

我已经使用下面的输入稍微修改了脚本。 这是有效的，只想让顶级10px的徽标顶部动画太-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();
});