1、scrollTop
（1）设置scrollTop
FF、IE8 使用document.documentElement.scrollTop = 100;
chrome 使用document.body.scrollTop = 100;
（2）取值
scrollTop = document.documentElement.scrollTop + document.body.scrollTop; //兼容
2、scrollHeight
计算方法：scrollHeight = content.height() + padding; //padding是上下边距的和
（1）取值
FF、IE8 document.documentElement.scrollHeight = body.content.height() + margin;
document.body.scrollHeight = body.content.height();
chrome document.documentElement.scrollHeight = document.body.scrollHeight = body.content.height() + margin;
关于scrollHeight的实践，出现了CSS兼容问题
代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>scrollTop和scrollHeight的区别</title>
<base target="_self" />
<style type="text/css">
#first01{
width:200px;height:400px;background-color:red;overflow:auto;margin:20px;padding:10px;
}
#words{
height: 700px;background-color: green;
}
</style>
</head>
<body>
<div id="first01">
<div id="words">
</div>
</div>
<div style="width:200px;height:400px;background-color:blue;"></div>
<script type="text/javascript">
var temp = document.getElementById("first01");
alert(temp.scrollTop);
alert(temp.scrollHeight);
</script>
</body>
</html>
效果：
（1）在FF、IE8、IE9下
弹出的数据：scrollTop:100; scrollHeight:710;
（2）在chrome、IE6、IE7、遨游下
弹出的数据：scrollTop:0; scrollHeight:720;
转：http://hi.baidu.com/wuqi02/item/b26e113f6fc38ee81b9696d7
相关推荐
滚动滚动条 相应的值自动改变 对scrollTop scrollHeight offsetHeight不了解的 快下下来 学习吧 打开html一看 你就知道什么意思了 还能看源码 滚动滚动条 相应的值自动改变
包含以下内容： function test(){ var infoHeight = document.getElementById(”info”).scrollHeight; //scrollHeight 为层实际的高度，有实际有多高就多高，与当前网页高度无关。
javascript中entHeight、offsetHeight 和scrollHeight的区别
Js中 关于top、clientTop、scrollTop、offsetTop等
主要介绍了JavaScript之scrollTop、scrollHeight、offsetTop、offsetHeight等属性学习笔记，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习...
火狐、谷歌、IE关于document.body.scrollTop和document.documentElement.scrollTop 以及值为0的问题
js中scrollHeight,scrollWidth,scrollLeft,scrolltop等差别介绍，需要的朋友可以看看
document.body.scrollTop用法
top、postop、scrolltop、offsetTop、scrollHeight、offsetHeight、clientHeight 等应用，大家可以参考下。
scrollTop 原生 JavaScript 实现的回到顶部库，适应 PC 和移动，兼容到 IE7
简单易懂jquery 返回顶部例子，图片按钮，渐入渐隐，可以直接引用，兼容ie 6,7,8,9,10,11，等等，
在实际应用中经常会遇到以下问题：document.documentElement.scrollTop在Chrome里总为0document.body.scrollTop 在IE和firefox里总为01、各浏览器下 window.pageYOffset/document.documentElement.scrollTop/...
主要介绍了vue项目设置scrollTop不起作用(总结)，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Js中_关于top、clientTop、scrollTop、offsetTop.doc
ScrollTop滚动 jquery滚动到指定位置
Js中关于top、clientTop、scrollTop、offsetTop.pdf
Vue中document.body.scrollTop的值总为零的解决办法 最近在做vue的时候监听页面滚动发现document.body.scrollTop一直为0 但是发现document.body.scrollTop一直是0。 查资料发现是DTD的问题。 页面指定了DTD，即指定...
网页正文全文高： document.body.scrollHeight; 网页被卷去的高： document.body.scrollTop; 网页被卷去的左： document.body.scrollLeft; 网页正文部分上： window.screenTop; 网页正文部分左： window.screenLeft;...