javascript - 滚动时让一条线在页面上向下延伸

Question

我想让一个 span 元素在您向下滚动(而不是向上)时沿着页面向下增长，但我想在它进入视口(viewport)并固定到位后开始它。我正在使用这个插件来固定跨度:http://stickyjs.com/然后在他们修复后，我希望红色垂直线(从点开始)在您滚动时在页面下方变大。

这修复了跨度:

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

这是我的 JS fiddle : http://jsfiddle.net/u5c51ubk/2/ - 这是固定位置正常工作的代码，但是我无法获得滚动事件以使跨度更大。任何帮助将不胜感激。

Answer 1

使用 scrollTop 并更改 CSS 属性:http://jsfiddle.net/u5c51ubk/3/