Wxxslt's blog

1、posTop

posTop的数值其实和top是一样的，但区别在于top固定了元素单位为px，而posTop只是一个数值，因此一般使用posTop来进行运算。
<div style="background-color:red; width:100px; height:100px;"> <p id="test" style="background-color:silver; ">测试posTop</p> </div> <script> test.style.posTop = 15+8; alert("top="+test.style.top); alert("posTop="+test.style.posTop); </script>
 提示：您可以先修改部分代码再运行

2、scrollTop

<div id="container" style="background-color:silver; width:100px; height:100px; overflow:auto;"> <p style="background-color:red;"> wxxslt wxxslt wxxslt wxxslt wxxslt wxxslt wxxslt wxxslt wxxslt wxxslt wxxslt wxxslt wxxslt wxxslt wxxslt </p> </div> <script> container.scrollTop = 12; </script>
 提示：您可以先修改部分代码再运行

假如没有设置container.scrollTop属性的话，默认情况下滑块位置在顶端。而设置了scrollTop值为12后，滑块的位置改变了，默认显示是卷过了12个像素的文本。如果设置overflow为hidden，则将会无法显示顶部12个像素的文本。

3、scrollHeight 与 offsetHeight

<div id="container" style="background-color:silver; width:100px; height:100px; overflow:auto;"> <p style="background-color:red; height:250px; "> wxxslt wxxslt wxxslt wxxslt wxxslt wxxslt wxxslt wxxslt wxxslt wxxslt wxxslt wxxslt wxxslt wxxslt wxxslt </p> </div> <script> alert(container.offsetHeight); alert(container.scrollHeight); </script>
 提示：您可以先修改部分代码再运行