End of line Splittext

[NDF 20 Likes (Newbie)]

Hi,

please check this out: http://approvals.ogilvyinteractive.co.nz/textAnims/textAnim_dynamic_mask/index.html

 

I'm trying to make a responsive 'mask' that hides all but the selected words. It's mainly working but I can't seem to find the end of the 'line' so I can add a div to fill in the gaps on the right!?

Any pointers greatly appreciated.

 

 

Andy___F

[GreenSock 18,254 Likes (Superhero)]

Hi @NDF. Is there any chance you could provide a reduced test case in codepen please? Just the smallest amount of code possible to reproduced the issue - it's just really awkward to try to troubleshoot a live web site like that. 

 

And if you could boil your question down, are you asking how to use SplitText to split something up by "lines" and then calculate where the end of that resulting <div> is? 

[NDF 20 Likes (Newbie)]

hI,

thanks for the reply and apologies for the lack of a Copepen - lack of time and now access to the source code!

But basically yes; I'm having trouble finding the end position of the <div>s in the 'lines' array. No issues with the 'words' array but the offsetWidth etc don't seem to work with the 'lines'?

 

Thanks

Andy__F

[GreenSock 18,254 Likes (Superhero)]

Sure, Andy, once you can get us a reduced test case in codepen I'd be glad to take a look. This doesn't really sound like a GSAP/SplitText question, though.