Burning Stick Creative

Cool deal, also, how would one have an independent scroll trigger for each paragraph? To where each paragraph is independent of each other for triggering the animation in?

It works either way, with or without the comma. Using type: "lines" twice though is what seems to break it...

@ZachSaucier Cant seem to replicate it in codepen. Oddly enough let pChild = new SplitText("p", { type:"lines", linesClass:"wordChild" }); let pParent = new SplitText("p", { type:"words lines", linesClass:"wordParent" }); Adding words to the second split prevents the error from happening. Not sure why? I guess it works as a temporary fix

Hmm, Im wondering if its a gridsome rendering issue, versus the actual syntax. It doesnt seem to be doing it in codepen

Im trying to split a paragraph into lines. Im splitting it twice, so the child div line can slide up like this I get the error "TypeError: Cannot read property 'nodeType' of null" I tried with the type being "words" and that works fine, and also with "lines" just one time. That works too. It only seems to break when I try to split it twice. Any ideas on what Im doing wrong? Its in a vue project if that matters. Off topic too, but how would one have each class of ".split" have an independent scroll trigger? const pChild = new SplitText(".split", { type:"lines", linesClass:"wordChild" }); const pParent = new SplitText(".split", { type:"lines", linesClass:"wordParent" }); .wordChild { overflow: hidden; } .wordParent { display: inline-block; }

Working on getting codepen up... Basically I have a Grid Div that Ive made draggable (the entire Grid, not each child element that fits in the Grid) within a larger div . Say it has 25 individual squares in the grid. How can I check which square is in the center of the parent div?