如果文本大于文本框，则添加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;}