當窗口使用scrollTop時如何為元素設置動畫

Question

http://boy-coy.com- >當網站向下滾動時，這是我想要的元素的完美動畫。

我無法創建這種效果。

使用動畫設置滾動的最高值會破壞該網站：

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

http://jsfiddle.net/Fsx7L/

這是我使用動畫的示例。 當頁面滾動時，動畫有一個“硬停止”，它不平滑

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

有任何想法嗎？

（對不起我的英語不好）

Answer 1

我不建議為此使用.animate（）

http://jsfiddle.net/Fsx7L/1/

.css();

Answer 2

好吧，我想我明白了！

$(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'});
})

簽出： http : //jsfiddle.net/Fsx7L/4/