JS的位置 client offset scroll

 

clientHeight

是内容可视区域的高度，也就是说页面浏览器中可以看到内容的这个区域的高度，一般是最后一个工具条以下到状态栏以上的这个区域，与页面内容无关。不包含border和滚动条

offsetHeight

表示可视区域的高度，包含了border和滚动条

scrollHeight：

表示了所有区域的高度，包含了因为滚动被隐藏的部分。

offsetTop

假设 obj 为某个 HTML 控件。

• obj.offsetTop 指 obj 距离上方或上层控件的位置，整型，单位像素。
• obj.offsetLeft 指 obj 距离左方或上层控件的位置，整型，单位像素。
• obj.offsetWidth 指 obj 控件自身的宽度，整型，单位像素。
• obj.offsetHeight 指 obj 控件自身的高度，整型，单位像素。

clientTop

表示边框border的厚度，在未指定的情况下一般为0

scrollTop：

滚动后被隐藏的高度