滚动时在页面上长大一行

时间:2014-09-04 14:23:30

标签: javascript jquery css scroll

当你向下滚动(而不是向上)时,我想让一个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/ - 这是固定位置正常工作的代码但是,我无法获得scrolllevent以使跨度更大。任何帮助将不胜感激。

1 个答案:

答案 0 :(得分:0)

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

相关问题