Question

http://boy-coy.com - ＆gt;当网站向下滚动时，这是我想要的元素的完美动画。

我无法创造这种效果。

使用动画设置滚动的最高值会破坏网站：

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

http://jsfiddle.net/Fsx7L/

这是我使用animate的例子。当页面滚动时，动画有“硬停止”，它不顺畅

在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/

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

2 个答案: