netguru.co carrer paths

_paths

W sporym uproszczeniu wygląda to tak:
* Początkowo wysokość .main-line.active to 0px.
* Scrollując sprawdzam czy obecna wartość scrolla jest większa od górnej krawędzie .main-line
* Jeśli tak, to zwiększam wysokość .main-line.active

Punkty zaczepienia:
* http://api.jquery.com/scroll/
* http://api.jquery.com/scrolltop/

paths.haml

- %w(static active).each do |state|
  .main-line{ class: state }
    // tutaj więcej contentu

paths.html

<div class='main-line static'>
  <!-- Tutaj więcej contentu -->
</div>
<div class='main-line active'>
  <!-- Tutaj więcej contentu -->
</div>