暂时调节元件的高度上悬停

Question

我有有限高度（100像素例如，位置：绝对）一个<h3>标签和文本溢出它。

我想什么做的是向下滑动到所需要的高度，当鼠标移动到它，并回到原来的高度（100像素）。结果 我希望你明白我的意思

我不认为它使用了slideDown（）函数，该函数和我在动画功能非常弱。任何帮助吗？

Answer 1

您可以嵌套包含内容，然后使用H3作为掩蔽容器（使用溢出：隐藏）的H3内一个div。当用户将鼠标移动，触发一个函数，获取的内部div的高度（确保包括任何保证金或填充）。然后执行你高度调整animate函数（jQuery中，像$('h3').animate({height: heightVar});）的鼠标移开触发一个函数，还原的H3回到100像素的高度。

这里的一个示例： http://jsfiddle.net/XR9fb/

Answer 2

您可以得到与scrollHeight财产元素的实际高度。现在，我真的不知道多少的jQuery的，但我想你可以只调用动画的高度CSS属性设置为元素的scrollHeight当鼠标悬停它，并恢复到原来的高度，当鼠标移出它

如果元素的高度是不固定的，你可以药膏当前高度某处显示完整的元素之前，而当鼠标离开元素你只是恢复这种状态。