javascript - 缓和固定位置 Jquery

Question

有没有办法为固定元素添加缓动？我一直在四处寻找，但找不到答案。我真的不知道会怎样，也许是……

$(window).scroll(function() { 
    $("#form").animate({position:"fixed", easing: 'swing'});
});

任何帮助将不胜感激^ ^ 谢谢!

编辑:我正在寻找的几乎是当用户滚动时，固定元素显然会跟随窗口位置，但我想添加的是与具有缓动效果的滚动 Action 相比有一点延迟

Answer 1

您必须使该 div 绝对定位、z 索引且没有父级，然后在滚动事件上移动它。你可以通过 scrollTop() 知道滚动的像素数。像这样:

  $(window).scroll(function(){ 
     var offset=100;
     //stop is called so easing doesn't affect while it is still scrolling.
     $("form").stop().animate({top:($(window).scrollTop()+offset)+"px"}, 300, 'swing');

  });