jquery/Javascript - 向下滾動，更改textarea的高度和位置

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/

它甚至有可能做這樣的事情呢？如果是的話，你能給我鏈接/例子嗎？ 當然，我需要使它像耐克一樣超超級光滑... 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。

關於在keydown進入完整模式，您可以再次創建一個「擴展」類並將其應用於keydown。然後，您可以組織你的CSS如下：

.minState3.expand { } 

，並顯示出該按鈕再次

.minState3.expand button { display:block; } 

這樣做，這樣可以讓你靈活地定義它看起來如何根據不同的狀態。