javascript - 使用js时动画位置不起作用，我需要使用什么？

Question

我有这个脚本，当向下滚动 120 像素时该脚本会被修复。效果很好。

但我还需要让我的侧边栏为默认position:absolute；边距:0；并且当向下滚动 120px 时，侧边栏类需要定位:固定；顶部边距:50px；我认为这并不难，但我不是编码员。有人可以帮我吗？

这不起作用，因为它可以做边距但不能定位，因为它不能设置动画？我还没有找到任何解决方案..

$('.sidebar').animate({'position':'fixed'});

我的脚本:

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

Answer 1

您可能只想执行 $(".sidebar").css("position","fixed") 来设置 CSS。 position 不是一个可以设置动画的属性，因为尝试这样做是没有意义的。