Question

jquery获取div（带滑动条）内容的实际高度

一个div带有滑动条 当我不停向div添加内容时，div的实际高度就会大于div的设定高度，我想获取div的时间高度，麻烦给出实例||主要方法||函数 在线等

Answer 1

这个jquery应该可以娶到的。给你一个实例，注意自己添加jquery文件哈

<script language='javascript'>  
$(function(){
	
$("#adds").click(function(){
	$("#xx").append("<h2>添加内容</h2>");
	});
$("#geth").click(function(){
	vh=$("#xx").height();
	$("#xx").prepend("<h2>我的高度为："+vh+"</h2>")
	});	
	
}); 
</script>
<div style="width:200px; height:200px; display:block; overflow-y:scroll">
<div id="xx">
sdfsdfs
sdfsdf
sdfsdf
</div>
</div>
<a href="javascript:;" id="adds">点击给XX里面添加内容</a>
<a href="javascript:;" id="geth">点击获取xx的高度</a>

追问

不行的height（）只能取设定高度的

追答

亲。你看我的例子并没有写XX这个div的高度，你把xx的高度写死了，那你取到的肯定是个不变的值

追问

不写div 前台会变样啊

Answer 2

很简单，把内容再加个嵌套，获取嵌套的高度就可以了，嵌套的高度等于内容的高度。举例：
//假设以下div1是带滑动条的块
<div id="div1"> 内容 </div>
//加个嵌套之后：
<div id="div1"> <div id="div2"> 内容 </div> </div>
//此时不管div高度是什么变值，用jq获取div2的高度就等于内容实际高度，这是个定值。