ThomasDue
Content Type
Profiles
Forums
Store
Blog
Product
Showcase
FAQ
Downloads
Posts posted by ThomasDue
-
-
Hi there!
Apologies for bringing up an old forum post, I hope it is alright.
I have followed the template above, and I’m curious as to how you could scale the contents to fit on smaller resolutions like mobile or tablet devices. I have had success using the Zoom property, but as it doesn’t work in the Firefox browser, it isn’t a desirable solution. Then I have tried to use the scale property, but it seems to impact how the screen position is calculated, skewing my content.
I haven’t been able to figure out what the best approach would be to this, is that anything you can help me with?
Best regards,
Thomas
Onscroll move object on a path with MotionPathPlugin
in GSAP
Posted
Hi Cassie
Thank you for the quick reply. I haven't tried using the viewBox to scale the document. I have attempted to make a minimal demo with my issue here:
See the Pen xxrGmxp by duendue (@duendue) on CodePen
I have tried to keep the demo as precise as I could. The scalable-wrapper object is where the issue occurs. When I use zoom, the content behaves as I want it to, by zoming out of the canvas, without impacting the movement. However when I use scale, you will notice that the viewport changes, and the character (In this case, the black square) isn't following the screen at all.
I hope my demo is of any help, and if you need any clarification I am happy to assist.
Regards,
Thomas