Handling doc scroll when SVG full screen

[jdhadwin]

Out of curiousity, when you guys have a full screen svg, how do you guys prefer to handle scrolling, since full screen svg doesn't respond to page scrolling... pure js or gsap?

[Rodrigo]

Hi,

 

I've never been in that situation so I couldn't really tell you, but if you ask me my first approach would be to use the Observer Plugin and animate the SVG ViewBox property. In this tutorial @PointC explains how to do that:

https://www.motiontricks.com/basic-svg-viewbox-animation/

 

Also @Carl has a great video on the subject:

 

Another option would be to use Draggable as well as the ViewBox animation, but that would mean a lot more logic too.

 

Happy Tweening!