스크롤 할 때 페이지가 아래로 자라게합니다.

Question

아래로 스크롤하면 스팬 요소가 페이지 아래쪽으로 자라게하고 싶습니다. 그러나 뷰포트에 올 때부터 시작하고 싶습니다. 그것은 제자리에 고정됩니다. 이 플러그 인을 사용하여 스팬의 위치를 ​​고정합니다. 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을 얻을 수있다 . 어떤 도움을 주시면 감사하겠습니다.

Answer 1

사용 scrollTop과 CSS 속성 변경 : 탐지에 대한 정보를 원하시면이 http://jsfiddle.net/u5c51ubk/3/