动画位置时，使用js不工作，我需要使用什么

Animate position when using js doesn't work, what do I need to use?

本文关键字：什么 位置 使用 js 动画 工作      更新时间：2023-09-26

我有这个脚本得到修复时向下滚动120px。伟大的工作。

但我也需要得到我的侧边栏默认位置:绝对;保证金:0;当向下滚动120px时，侧边栏类需要为position:fixed;和margin-top: 50 px;我不认为这很难做到，但我不是程序员。有人能帮帮我吗?

这个不行，边距不行，但位置不行，因为它不能动画?我还找不到任何解决办法。

$('.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。position不是一个可以动画的属性，因为尝试这样做是没有意义的。

我们不能使用动画来设置Dom的位置dom.css("财产",价值);

最后我这样做了，因为一些响应的东西正在进行:

$('.sidebar').addClass('gofix');

和添加css:

<style>
    .gofix{position:fixed; top:55px;}
@media (max-width: 480px) {
    .gofix{position:relative; top:auto;}
}
</style>
相关文章：