Javascript 悬停时临时调整图元的高度

我有一个高度有限的

标签（例如，位置：绝对），文本溢出

我想做的是将其向下滑动到鼠标在其上时所需的高度，然后返回到原始高度（100px）。
我希望你明白我的意思

---

我不认为它使用slidedown（）函数来实现这一点，我在动画功能方面非常弱。有什么帮助吗？

您可以在包含内容的h3中嵌套一个div，然后将h3用作屏蔽容器（使用溢出：隐藏）。当用户鼠标移到上方时，启动一个函数，获取内部div的高度（确保包含任何边距或填充）。然后执行高度调整动画功能（在jquery中，类似于

$（'h3'）。动画（{height:heightVar}）；

）鼠标输出触发一个函数，将h3的高度恢复到100px

---

下面是一个示例：

您可以在包含内容的h3中嵌套一个div，然后将h3用作屏蔽容器（使用溢出：隐藏）。当用户鼠标移到上方时，启动一个函数，获取内部div的高度（确保包含任何边距或填充）。然后执行高度调整动画功能（在jquery中，类似于

$（'h3'）。动画（{height:heightVar}）；

）鼠标输出触发一个函数，将h3的高度恢复到100px

---

下面是一个示例：

您可以使用

scrollHeight

属性获得元素的实际高度。现在，我对jQuery不太了解，但我想您可以调用animate将height CSS属性设置为鼠标悬停时元素的

scrollHeight

，当鼠标移出时返回到原始高度

---

如果元素的高度不固定，则可以在显示完整元素之前将当前高度保留在某个位置，当鼠标离开元素时，只需恢复此状态

您可以使用

scrollHeight

属性获取元素的实际高度。现在，我对jQuery不太了解，但我想您可以调用animate将height CSS属性设置为鼠标悬停时元素的

scrollHeight

，当鼠标移出时返回到原始高度

如果元素的高度不固定，则可以在显示完整元素之前将当前高度保留在某个位置，当鼠标离开元素时，只需恢复此状态

或者您可以只使用.hover（）而不必使用.mouseover（）和.mouseout（）-或者您可以只使用.hover（）而不必使用.mouseover（）和.mouseout（）-