javascript - 如何使 HTML 元素 "accelerate"到位

Question

在我的网站上，我有一个元素位于上 Angular ，因此当他或她向下滚动时会跟随用户。就像this Fiddle .相反，我想做的是通过在用户滚动时保持不动然后加速回到其固定位置来使其具有更好的跟随效果。我该怎么做？

#follow {
    position: fixed;
    right: 30px;
    top: 70px;
}

---

$(window).scroll(function(){

    // ???
});

Answer 1

如果您更改为 position: absolute 然后使用 .animate()，这样的事情怎么样？只需要确保在每次滚动时使用 .stop() ，这样如果您快速连续滚动两次就不会延迟。

#follow {
    position: absolute;
    right: 30px;
    top: 70px;
}

---

$(window).scroll(function(){ 
    $("#follow").stop();
    var window_top = $(window).scrollTop();
    $("#follow").animate({"top":window_top+70}, 500);
});

查看 fiddle ，看看它是否是您要找的:https://jsfiddle.net/f7gjvpof/3/