Javascript 使用js时设置位置动画';不行,我需要用什么?

Javascript 使用js时设置位置动画';不行,我需要用什么?,javascript,jquery-animate,Javascript,Jquery Animate,我有一个脚本,它在向下滚动120px时得到修复。效果很好 但我也需要让我的边栏成为默认位置:绝对;空白:0; 当向下滚动120px时,边栏类需要是position:fixed;和边缘顶部:50px;我不认为这很难做到,但我不是一个程序员。有人能帮我吗 这不起作用,因为边距可以,但不能定位,因为它不能设置动画?我还找不到任何解决办法 $('.sidebar').animate({'position':'fixed'}); 我的剧本: $(document).ready(function(){

我有一个脚本,它在向下滚动120px时得到修复。效果很好

但我也需要让我的边栏成为默认位置:绝对;空白:0; 当向下滚动120px时,边栏类需要是position:fixed;和边缘顶部: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();
});

您可能只需要执行
$(“.sidebar”).css(“position”,“fixed”)
来设置css<代码>位置不是一个可以设置动画的属性,因为尝试这样做是毫无意义的。

我们无法使用需要使用的动画设置Dom的位置
css('property',value)

最后,我之所以这样做,是因为发生了一些反应灵敏的事情:

$('.sidebar').addClass('gofix');
并添加了css:

<style>
    .gofix{position:fixed; top:55px;}

@media (max-width: 480px) {
    .gofix{position:relative; top:auto;}
}
</style>

.gofix{位置:固定;顶部:55px;}
@介质(最大宽度:480px){
.gofix{位置:相对;顶部:自动;}
}

Um。。。如何准确地动画之间的过渡“固定”和。。。“不固定”?@NiettheDarkAbsol-听起来它被支持介于“固定”和“固定”之间,这就更没有意义了。啊,好的。css它是:)