javascript - SplitText 删除换行符?

标签 javascript css gsap

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

<br> 

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

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

感谢任何见解!约翰

最佳答案

将您的段落分成两个具有不同 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

关于javascript - SplitText 删除换行符?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48130147/

相关文章:

javascript - hr在移动端div后面

jquery - 创建 CSS 和 JQuery 选项卡

javascript - 图像闪烁及预防。正确的编码标准

javascript - GSAP TimeLineLite.to() 将变量传递给第三个参数不起作用。

javascript - 防止在网站中使用触摸屏进行缩放(IE 11、Win 10)

javascript - 在 create react-app 中运行本地环境显示 %20?

javascript - getSVGDocument 在 FireFox 和 Chrome 中返回 null

javascript - 如何从firebase跨多个页面获取唯一ID

javascript - 如何仅当我将 javascript 元素悬停在我的 div 元素上时才显示它?

javascript - Pixi.js:这一系列复杂的位置/alpha/比例数字是如何生成的?