Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/laravel/11.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何用动画显示溢出的文本?(Javascript-HTML-CSS)_Javascript_Html_Css_Animation - Fatal编程技术网

如何用动画显示溢出的文本?(Javascript-HTML-CSS)

如何用动画显示溢出的文本?(Javascript-HTML-CSS),javascript,html,css,animation,Javascript,Html,Css,Animation,有没有办法用JS识别溢出的文本,并以动画方式显示溢出的文本?例如,将文本向左移动,如spotify小部件: 如果使用容器的“scrollWidth>clientWidth”,您应该能够确认文本需要滚动-假设它有溢出:隐藏,并且考虑了边距、填充和边框。请参阅以获得基本概述。要滚动文本,您只需给它一个负的左边距,或者在一个带位置:绝对的DIV中使用一个带位置:相对的DIV,并给内部一个负的左边值(CSS)。查看thsi。。如果插件适合您,您也可以尝试比较字符串的长度,如果大于x(取决于您的要求),则

有没有办法用JS识别溢出的文本,并以动画方式显示溢出的文本?例如,将文本向左移动,如spotify小部件:


如果使用容器的“scrollWidth>clientWidth”,您应该能够确认文本需要滚动-假设它有溢出:隐藏,并且考虑了边距、填充和边框。请参阅以获得基本概述。要滚动文本,您只需给它一个负的左边距,或者在一个带位置:绝对的DIV中使用一个带位置:相对的DIV,并给内部一个负的左边值(CSS)。

查看thsi。。如果插件适合您,您也可以尝试比较字符串的
长度
,如果大于
x
(取决于您的要求),则将字符串的最后三个字符替换为