SplitText删除换行符?

时间:2018-01-06 17:50:16

标签: javascript css greensock gsap

我正在使用GSAP插件SplitText,在使用它时我注意到它改变了;

<br> 
我的元素中的

标记(注释掉javascript中的第一行以查看更改)。见这里:https://codepen.io/anon/pen/vpWWJJ

我想知道为什么要进行此更改以及如何将其恢复为应用SplitText之前的状态。 (我怎样才能保留换行符?)

感谢您的任何见解!约翰

1 个答案:

答案 0 :(得分:1)

将您的段落拆分为两个具有不同ID的单独段落,并将它们分开进行分析:

var descanima =  new SplitText("#descanim1");
var descanima2 = new SplitText("#descanim2");

var tl = new TimelineMax({});
tl.timeScale(1);
tl.staggerFrom(descanima.words, 1, { opacity: 0, x: 5, ease: Power1.easeOut}, 0.01)

tl.staggerFrom(descanima2.words, 1, { opacity: 0, x: 5, ease: Power1.easeOut}, 0.01)

https://codepen.io/anon/pen/mpqqNj