Javascript 如何在窗口使用scrollTop时设置元素动画

->当站点向下滚动时，这是我想要的元素上的完美动画

我不能创造这种效果

使用animate设置scroll的最大值会破坏网站：

$('div').animate({
    top : ((div_top)-$(this).scrollTop())
},{queue:false, duration: 900})

这是我使用动画的例子。当页面滚动时，动画有一个硬停止，它不是平滑的

在boy-coy.com的效果中，它比我的要好100倍

有什么想法吗

---

对不起，我的英语不好

我不建议使用。为此制作动画

---

好吧，我想，我明白了

$(window).bind("scroll",function(){
    old_scroll_div = $('div').css("top").replace(/[^-\d\.]/g, '');
    new_scroll_div = div_top-$(this).scrollTop();    
    $('div').animate({
        top : Math.floor(new_scroll_div)
    },{duration : 1500, queue : false, easing : 'easeOutSine'});
})

退房：

---

我闻起来很香，但我知道的不多。@13ruce137是的，我知道。但我不关心视差，只关心平滑动画顶部。谢谢你的回复，但我希望收到平滑动画效果，就像在我的ghink动画是相同的，只是更小的步骤。使用滚轮插件，您可以在使用鼠标滚轮时更改pixel beeing scrollen的默认值，因此您必须滚动更多，但图像也更加平滑。我认为它只是在那个网站上看起来更好，因为有太多的元素被重新定位

$(window).bind("scroll",function(){
    old_scroll_div = $('div').css("top").replace(/[^-\d\.]/g, '');
    new_scroll_div = div_top-$(this).scrollTop();    
    $('div').animate({
        top : Math.floor(new_scroll_div)
    },{duration : 1500, queue : false, easing : 'easeOutSine'});
})