我想制作一个悬停时具有滚动效果的文本框,但前提是文本比文本框长。所以这是我的尝试:https://jsfiddle.net/SynapticError/wqh4ts3n/35/
- 如果文本比文本框长,文本应该在悬停时“滚动”。
- 如果文本比文本框短,它什么都不做。
伪代码是这样的:
IF scrollcontent.width > navbes.width
{ add css <style type="text/css">navbes:hover .scrollcontent {left: -100px; transition-duration:3s;}</style> }
不知道怎么改。我尝试了很多不同的方法,但都没有用。有人可以帮我吗?
最佳答案
只需将溢出“隐藏”更改为“自动”:
navbes {background-color:#5A412E; display:block; width: 180px; height: 50px;
overflow: auto;
position: relative; padding:0px;}
关于javascript - 如果文本大于文本框,则添加 CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44206198/