使用Javascript选择最后一次自动换行后的最后一行
我正在工作,正如你所看到的,我正在页面上最后一行的最后一行做一个打字效果。唯一的问题是我的网站有点反应迅速, , , , et . 使用Javascript选择最后一次自动换行后的最后一行,javascript,html,css,Javascript,Html,Css,我正在工作,正如你所看到的,我正在页面上最后一行的最后一行做一个打字效果。唯一的问题是我的网站有点反应迅速, , , , et . 考虑用附加id的元素包装最后一行。如果没有其他办法: <span id="last-line">//last line content</span> 为什么不直接设置“最大宽度”而不是“宽度”的动画 p{宽度:50%;文本对齐:右;} 打字{ 最大宽度:377.96875px; 空白:nowrap; 溢出:隐藏; 显示:内联块; -w
考虑用附加id的元素包装最后一行。如果没有其他办法:
<span id="last-line">//last line content</span>
为什么不直接设置“最大宽度”而不是“宽度”的动画
p{宽度:50%;文本对齐:右;}
打字{
最大宽度:377.96875px;
空白:nowrap;
溢出:隐藏;
显示:内联块;
-webkit动画:键入5s步骤70,结束;
动画:键入5s步骤70,结束;
}
@关键帧类型{
从{最大宽度:0;}
}
@-webkit关键帧类型{
从{最大宽度:0;}
}
杰克·加莱门特2015年超级音乐节avec l'Emission du JackÜcrew,avec直接贡献
判定元件
,
,
,
,
et
.
如果我理解正确,您希望让任何文本都使用键入动画,直到最后一行。如果没有jQuery,这几乎是不可能的。问题是用纯JS检测自动换行 以下是一个与查找换行符相关的问题: 还有一把小提琴,它能让你大致了解你将如何完成任务 仅滚动最后一行:
注意:我用| |表示换行,而您需要用jQuery检测它们。您要选择哪一行?贾斯汀·比伯?是的,你理解正确,我会去检查你给我的jQuery选项!谢谢你,这只是一个小小的效果,实在是太过分了。。。我想我会放弃这个,没什么大不了的
document.getElementById("last-line") //and do stuff
var element = document.getElementById("autoParagraph");
var paragraph = element.innerHTML;
var splitText = paragraph.split("||");
var typingText = document.createElement("SPAN");
typingText.setAttribute("id", "typing");
typingText.innerHTML = splitText[splitText.length - 1];
element.appendChild(typingText);