JS中滚动与偏移比较的实例与分析
1.offsettop：当前物体与上层的距离。
不能为它赋值。使用style.top属性来设置对象到页面顶部。
2.offsetleft：
当前对象与其上级层左边的距离。
不能将指定的对象分配给页面。请使用距离的左半部分style.left属性。
3.offsetwidth：
当前对象的宽度。
从style.width属性不同的是，如果宽度设置对象值的百分比宽度，页面是否是大或小，style.width将返回这个百分比，而offsetwidth将返回不同的网页对象的宽度值而不是百分比值。
4.offsetheight：
从style.height属性不同的是，如果物体的宽度设置为百分比高，页面是否是大或小，style.height将返回这个百分比，而offsetheight将返回不同的网页对象的高度值而不是百分比值。
5.offsetparent：
当前对象的更高级别对象。
请注意，如果对象包含在div中，则该div将不被视为对象的上层，即对象的上层将跳过div对象。当上层是表时，不会有问题。
使用此属性，可以在不同大小页中获得当前对象的绝对位置。
6.scrollleft：
对象的左边是当前窗口范围内对象左边的距离。
这是滚动条在水平滚动条出现时的距离。
7.scrolltop
在当前窗口中显示的范围内的对象顶部和对象顶部之间的距离。
这是距离拉滚动条时出现纵向滚动条。
{代码}测试offsettop和scrollTop HTML代码
复制代码代码如下所示：
函数test1（）{
var div = document.getelementbyid（联赛）；
document.getelementbyid（理）.innerHTML =（div.offsettop）+PX； / / DIV1从屏幕顶部的距离
document.getelementbyid（丽）（.innerHTML = div.offsetleft）+PX； / / DIV1距离屏幕左
document.getelementbyid（李）.innerHTML =（div.scrolltop）+PX；距离 / / DIV1纵向滚动条滚动
document.getelementbyid（合谷）.innerHTML =（div.scrollleft）+PX； / / DIV1水平滚动条滚动的距离
}
功能test2（）{
var div = document.getelementbyid（格式）；
document.getelementbyid（立）.innerHTML =（div.offsettop）+PX； / /格式从屏幕顶部的距离
document.getelementbyid（LI6 ）（.innerHTML = div.offsetleft）+PX； / / DIV2距离屏幕左
document.getelementbyid（7）.innerHTML =（div.scrolltop）+PX；距离 / / DIV2纵向滚动条滚动
document.getelementbyid（Li8 ）.innerHTML =（div.scrollleft）+PX； / /格式水平滚动条滚动的距离
}
功能试验（）{
var div = document.getelementbyid（div3 ）；
document.getelementbyid（li9 ）.innerHTML =（div.offsettop）+PX； / / div3从屏幕顶部的距离
document.getelementbyid（li10 ）（.innerHTML = div.offsetleft）+PX； / / div3距离屏幕左
document.getelementbyid（人生）.innerHTML =（div.scrolltop）+PX；距离 / / div3纵向滚动条滚动
document.getelementbyid（郑玥雷）.innerHTML =（div.scrollleft）+PX； / / div3水平滚动条的滚动距离
}
这是测试！
这是测试！
这是测试！
Click1 results:
click2结果：
click3结果：
以上是您自己测试的代码，可以直接测试。