做一個線向下生長的頁面爲您滾動

我想打一個span元素增長下跌的一頁向下滾動查看（不起來），但我想啓動這個當它進入視後它修復了位置。我使用這個插件來固定跨度：http://stickyjs.com/然後在他們修好之後，我想讓紅色垂直線（從點開始）在頁面滾動時沿着頁面變大。做一個線向下生長的頁面爲您滾動

這修復跨度到位：

$("#circle").sticky({topSpacing:170}); 
$("#vertical-divider").sticky({topSpacing:182}); // #vertical-divider is the element I'd like to grow

這裏是我的JS小提琴：http://jsfiddle.net/u5c51ubk/2/ - 這是與然而，固定位置的正確運行的代碼，我不能得到表示ScrollEvent爲了使跨度更大。任何幫助，將不勝感激。

2014-09-04 egr103

檢查了這一點的信息在檢測向下滾動： http://stackoverflow.com/questions/4326845/how-can-i-determine-一個jQuery的滾動事件的方向 – Hawkeyecoder23 2014-09-04 14:31:20

使用scrollTop並更改CSS屬性：http://jsfiddle.net/u5c51ubk/3/

2014-09-04 14:29:59 tmcw

這是一個很好的開始謝謝！當我點擊頁面底部時，如何防止箭頭上移？另外，我注意到，當您向後滾動線條減少時，如何在頁面底部達到時終止事件？這是這樣，當它到達最後時，線條纔會保持可見 – egr103 2014-09-04 14:39:44

在這一點上，我建議你打開[Eloquent JavaScript]（http://eloquentjavascript.net/）並修改學習變量和條件語句。 – tmcw 2014-09-04 14:44:23

回答