jQuery / JavaScript - 滚动下来，更改Textarea的高度和位置

Question

我正在寻找一种方法来做一个最有可能组合的效果，它的基础是这样的： http://nikestadiums.com/ 如您所见，当您向下滚动时，DIV实际上是滑动的。我不确定存在这样的插件，如果有的话，可以在滚动下滚动时调整大小，也可以重新定位元素吗？

我已经看到了帖子： 如何一旦到达页面顶部，就会使用页面滚动div向下滚动？ 我知道粘滞元素 http://imakewebhenthing.github.com/jquery-waystaints /粘性元素/

甚至可能做这样的事情吗？如果是，你能给我一个链接/例子吗？ 当然，我需要使它像耐克一样超级平滑...... HA

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

谢谢。

Answer 1

我修改了你的jsfiddle。我在Chrome，Firefox和IE7 +中测试了它。

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

我已经清理了一点并将所有的“国家”移动到课堂上。在滚动中，它只是使用jQuery基于滚动位置添加和删除类。

请注意，如果您希望为其设置动画，则可以使用类转换来为动画进行动画。查看更多： http://docs.jquery.com/ui/effects/classtransitions 。 在键盘上输入完整模式，您可以再次创建“展开”类并在键盘时应用它。然后，您可以如下构造CSS：

.minState3.expand {  }

.

并再次显示按钮

.minState3.expand button { display:block; }

.

这样做，这种方式允许您灵活地定义它基于不同状态的方式。