如何在滚动上设置div动画？

Question

您好我可以更改并切换滚动中的div属性，但是当我使用动画时，它将无法工作，但会以奇怪的方式。

以下作品：

$(document).scroll(function() {
$("#register").css({left: $(this).scrollLeft() > 1348? "-140px":"0px"});
});

但这不起作用：

$(document).scroll(function() {
$("#register").animate({left: $(this).scrollLeft() > 1348? "-140px":"0px"});
});

当我滚动超过1348时，我希望div消失，如果滚动小于1348，div应该再次出现。

简单的CSS适用但动画不起作用。

Answer 1

我建议使用skrollr.js

https://github.com/Prinzhorn/skrollr

典型用法简单如下：

<div data-0="background-color:rgb(0,0,255);" data-500="background-color:rgb(255,0,0);">WOOOT</div>

其中data-number表示当前滚动位置。

动画可以使用css transit完成。