【问题标题】:SplitText removing line break?SplitText 删除换行符?
【发布时间】:2018-01-06 17:50:16
【问题描述】:

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

<br> 

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

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

感谢您的任何见解!约翰

【问题讨论】:

    标签: javascript css gsap


    【解决方案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

    【讨论】:

    • 谢谢@AlliterativeAlice,我想我会这样做,知道改变背后的原因是什么吗?
    • @John107 我不确定,但我想它只是在将单词/字母变成单独的元素之前去掉所有 HTML 标签。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-01-21
    • 1970-01-01
    • 1970-01-01
    • 2012-03-07
    • 2020-12-05
    相关资源
    最近更新 更多