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

这个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>

jquery中获取div中的宽和高的方法：

$("#content")width();

$("#content")height();

$("#content")innerWidth();//元素内部区域高度，忽略padding、border

$("#content")outerHeight();//忽略边框

$("#content")outerHeight(true);//包含边框高度

height()

-获取匹配元素集合中的第一个元素的当前计算高度值 或 设置每一个匹配元素的高度值。

-css('height') 和 height()之间的区别是后者返回一个没有单位的数值，前者是返回带有完整单位的字符串。当一个元素的高度需要数学计算的时候推荐使用height() 方法 。

-这个方法同样能计算出window和document的高度。

$(window)height(); // returns height of browser viewport

$(document)height(); // returns height of HTML document

注意：在绝对定位和给定display:block时，虽然style和script标签用width() 或 height()也将报告一个值，强烈建议不要在这些标签中调用这些方法。这是一种不好的做法，结果也证明是不可靠的。

innerHeight()

-为匹配的元素集合中获取第一个元素的当前计算高度值,包括padding，但是不包括border。

-这个方法返回元素的高度，包括顶部和底部的padding，单位是像素。

-这个方法不适用于window and document对象，可以使用height()代替。

outerHeight()

-获取元素集合中第一个元素的当前计算高度值,包括padding，border和选择性的margin。返回一个整数（不包含“px”）表示的值 ，或如果在一个空集合上调用该方法，则会返回 null。

-outerHeight( [includeMargin ] )：include是一个布尔值，表明是否在计算时包含元素的margin值。

-这个方法不适用于window 和 document对象，可以使用height()代替。

以上就是关于jquery获取div（带滑动条）内容的实际高度全部的内容，包括:jquery获取div（带滑动条）内容的实际高度、JavaScript或者jQuery怎样获取一个隐藏元素的宽高、用jquery的height方法获得的元素高度怎么为0等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！