在网上搜了半天都没搜到我想要的答案，所以干脆在这里问了，请问scrollWidth和scrollHeight分别代表的是什么含义？
测试代码如下：
/*****
<script type="text/javascript">
function showsh()
{
var x=document.getElementById("sh");
alert(x.scrollHeight);
}
</script>
</head>
<body>
<h1 id="myHeader" onclick="getValue()">这是标题</h1>
<p style="height:100px;background-color:red;overflow-y:scroll;margin:300px;" id="sh" >
点击标题，会提示出它的值1<br/>
点击标题，会提示出它的值2<br/>
点击标题，会提示出它的值3<br/>
点击标题，会提示出它的值4<br/>
点击标题，会提示出它的值5<br/>
点击标题，会提示出它的值6<br/>
点击标题，会提示出它的值7<br/>
点击标题，会提示出它的值8<br/>
点击标题，会提示出它的值9<br/>
点击标题，会提示出它的值10<br/>
</p>
<input type="button" value="scrollHeight" onclick="showsh()">
</body>
****/
疑惑：
1.貌似scrollHeight,scrollWidth与元素本身的滚动条位置无关，我为p元素设置固定高度100，往里面填充了大于100px的内容，并设置overflow-y:scroll.无论我把p元素的滚动条拖到哪个位置，同一浏览器下打印出来的scrollHeight都是不变的。请问这个值代表的是哪里到哪里的距离？
2.不同浏览器下对打印出来的scrollHeight值不同。如IE7，8打印出的结果为191，IE9是201；chorome结果为180；firefox结果为200，请问是什么原因造成的？
这是从网上找的，题主可以看看http://www.ido321.com/911.html
-
scrollHeight是整个元素的高度，与滚动无关，滚动位置用scrollTop
http://jsfiddle.net/hrvdgsxL/embedded/
-
因为不同浏览器的
缺省样式不同，你用肉眼应该可以看出这一段文本在不用浏览器下的字体、字号、以及行高都有些许差异