Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums JavaScript Draw lines while scrolling down Reply To: Draw lines while scrolling down

#176338
nixnerd
Participant

@D3N1,

@Paulie_D
is correct. ScrollMagic allows you to tie any numerical value to scroll position… even some NON numerical values. Last I checked, changing font-family worked.

There’s many ways you can go about this. You could use divs for straight lines (not recommended). You could use JS to draw SVG lines (probably the best way) with something like Snap. Or, you could do it the easy to understand but time consuming way… which is draw an SVG in Illustrator or Inkscape, then reference the path via CSS/JS.

If you use ANY of these three options… ScrollMagic is the plugin that will make the lines grow upon scroll.

ScrollMagic has SEVERAL tutorials and excellent docs. You can figure out how to do pretty much anything with it.