Question

当我将“幽灵”或帮手div滚动到窗口顶部时，我希望我的导航从顶部动画。我用过这个：

$(window).scroll(function() {
    var y = $(".ghost").offset().top;
    var scrollY = $(window).scrollTop();
    if (scrollY >= y) {
      $("nav").animate({margin-top: "-50px"}, 750);



    }
      else{
       $("nav").animate({margin-top: "0px"}, 750);


      }

});

但这并没有带来预期的结果。当幽灵div到达顶部时，对导航没有影响。小提琴在这里：http://jsfiddle.net/e8Xj4/ 提前谢谢。

Answer 1

更改

  $("nav").animate({margin-top: "-50px"}, 750);

到

  $("nav").animate({marginTop: "-50px"}, 750);

或

  $("nav").animate({"margin-top": "-50px"}, 750);

来自jQuery's CSS documentation：

jQuery可以同样解释CSS和DOM格式多字属性。例如，jQuery理解并返回 .css（“background-color”）和.css的正确值（ “backgroundColor”）。

当元素到达顶部时，事件不起作用

1 个答案: