Jquery/Javascript - 向下滚动,更改textarea的高度和位置

den*_*xic 1 javascript jquery sticky

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

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

在此输入图像描述

甚至可以做这样的事情吗?如果是的话,你能给我链接/例子吗?当然,我需要让它像Nike一样超级流畅......哈

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

谢谢.

t0n*_*yh0 8

我修改了你的JSFiddle.我在Chrome,Firefox和IE7 +中进行了测试.

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

我把它清理了一下,把你所有的"状态"都移到了课堂上.在滚动时,它只是使用JQuery根据滚动位置添加和删除类.

请注意,没有动画,如果您希望为其设置动画,则可以使用类过渡进行动画处理.在这里查看更多:http://docs.jquery.com/UI/Effects/ClassTransitions.

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

.minState3.expand {  }
Run Code Online (Sandbox Code Playgroud)

并再次显示按钮

.minState3.expand button { display:block; }
Run Code Online (Sandbox Code Playgroud)

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