1

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

我看过帖子: 如何让 div 到达页面顶部后随页面向下滚动? 我知道粘性元素http://imakewebthings.github.com/jquery-waypoints/sticky-elements/

在此处输入图像描述

甚至有可能做这样的事情吗?如果是的话,你能给我链接/例子吗?当然,我需要让它像耐克一样超级光滑……哈

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

谢谢。

4

1 回答 1

8

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

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

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

请注意,没有动画,如果您想对其进行动画处理,可以使用类转换来进行动画处理。在此处查看更多信息:http: //docs.jquery.com/UI/Effects/ClassTransitions

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

.minState3.expand {  }

并再次显示按钮

.minState3.expand button { display:block; }

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

于 2012-03-05T19:07:14.030 回答