Question

如果这个答案已经存在，请原谅我，但我找不到答案（可能是由于缺乏术语知识？）

当我在我的页面上滚动时，我有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中

Answer 1

您的代码和您对所需结果的描述有点不清楚，但我想我可以看到您的目标。一种方法是通过创建一个微小的jQuery函数来进行位置动画。

但是，我将建议一个更简单的解决方案，避免使用额外的javascript并简单地使用CSS转换。 CSS转换无法应用于position，因此您必须在“蝴蝶”周围添加包装，然后您才能为top和left位置设置动画。你可以用几秒或几毫秒的时间来调整“回弹”的感觉。

查看http://jsfiddle.net/zKCNy/

当元素变得固定时，回弹感觉

1 个答案: