javascript - 如果文本大于文本框，则添加 CSS

Question

我想制作一个悬停时具有滚动效果的文本框，但前提是文本比文本框长。所以这是我的尝试: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> }

不知道怎么改。我尝试了很多不同的方法，但都没有用。有人可以帮我吗？

Answer 1

只需将溢出“隐藏”更改为“自动”:

navbes {background-color:#5A412E; display:block; width: 180px; height: 50px; 
overflow: auto; 
position: relative; padding:0px;}