javascript - 滚动离开网页顶部后为 div 设置动画

Question

我目前正在尝试在用户滚动离开页面顶部后让一个 div 从另一个 div 后面出现。

我希望使用动画来做到这一点，以便它滑出。像这样...

http://jsfiddle.net/xaYTt/99/

但我无法弄清楚如何让红色框停留在蓝色框后面，直到用户滚动离开页面顶部。

我还需要在用户向上滚动到页面顶部时反转此操作，以便红色框再次滑回到蓝色框下方。

谁能帮帮我？

Answer 1

这不是最优雅的解决方案，但它仍然有效。

http://jsfiddle.net/37LZ5/

组件:

• 使用 $(document).scroll 作为触发器来知道何时滚动
• 使用 scrollTop() 知道我们滚动了多远(0 = 顶部)
• 记住状态以确保动画不会被触发无数次(var away)
• 使用 .stop() 来防止在一个动画播放到一半时触发另一个动画的奇怪行为