Jquery 元素固定时的回扣感觉

如果这个答案已经存在，请原谅我，但我还没有找到答案（可能是因为缺乏术语知识？）

当我在我的页面上滚动时，我有3个元素，如果它们达到某一点，它们将变得固定。我试着让它有一种更自然的感觉，所以他们会稍微超越这个点，但有那种弹性的感觉，然后回到原位

所以现在我有：

var jq = jQuery;
jq(window).scroll(function(){
var scroll = jq(window).scrollTop();
   if(scroll >= 508){
       jq(".butterflies").addClass('stay');
   }else{
       jq(".butterflies").removeClass('stay');
   }
});

.stay{position:absolute;top:1100px;}

---

jq变量是因为它在wordpress中，对您的代码和所需结果的描述有点不清楚，但我想我可以看出您的意图。一种方法是创建一个小jQuery函数来设置位置的动画

然而，我将建议一个更简单的解决方案，避免额外的javascript，只使用CSS转换。CSS转换不能应用于

位置

，因此您必须在“蝴蝶”周围添加一个包装，然后才能设置

顶部

和

左侧

位置的动画。您可以以秒或毫秒为单位播放计时，以调整“快速回复”的感觉

---

看看

我也在想类似的事情。。基本上检测滚动何时停止，然后将其转换回绝对位置。