javascript - Jquery/Javascript - 向下滚动时，更改文本区域的高度和位置

Question

我正在寻找一种方法来实现一种很可能是多种事物组合的效果，它的基础是这样的: http://nikestadiums.com/可以看到，当你向下滚动时，实际上是向上滑动了一个div。我不确定是否有这样的插件，如果有，是否可以在向下滚动时调整元素的大小并重新定位元素？

我看过帖子: How to make div scroll down with a page once it reaches top of page?我知道粘性元素http://imakewebthings.github.com/jquery-waypoints/sticky-elements/

甚至可以做这样的事情吗？如果是的话，你能给我链接/例子吗？当然，我需要让它像 Nike 一样 super super 光滑......哈

这是一个 jsfiddle，但我无法让它正常工作。 http://jsfiddle.net/3U2Gj/65/

谢谢。

Answer 1

我修改了你的 JSFiddle。我在 Chrome、Firefox 和 IE7+ 中对其进行了测试。

http://jsfiddle.net/t0nyh0/aMXRq/3/

我已经稍微清理了一下并将您所有的“状态”移到类中。在滚动时，它只是使用 JQuery 根据滚动位置添加和删除类。

注意这里没有动画，如果你想做动画，可以使用class transitions来做动画。在这里查看更多信息:http://docs.jquery.com/UI/Effects/ClassTransitions .

关于在按下键时进入完整模式，您可以再次创建一个“扩展”类并在按下键时应用它。然后，您可以按如下方式构建 CSS:

.minState3.expand {  }

再次显示按钮

.minState3.expand button { display:block; }

这样做可以让您灵活地根据不同的状态定义它的外观。