说说窗口

题记

在js/jquery中总有那么一组属性让人们难以理解，难以区分开，现在就来整理其中的一组。就是关于页面窗口的一些属性。
点击查看详细图解

offset组

• obj.offsetTop 对象距离上方的位置;
• obj.offsetRight 对象距离右边的距离；
• obj.offsetLeft 对象距离左边的距离；
• obj.offsetWidth 宽度
• obj.offsetHeight 高度
• event.offsetX 相对容器的水平坐标
• event.offsetY 相对容器的垂直坐标
  点击查看

client组

• clientWidth 可见区域宽;
• clientHeight 可见区域高；
• clientLeft borderLeft的宽度
• event.clientX 相对文档的水平座标
• event.clientY 相对文档的垂直座标

scroll组

• scrollHeight: 获取对象的滚动高度。
• scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
• scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
• scrollWidth:获取对象的滚动宽度

参考资料

• JS：offsetWidth\offsetleft 等图文解释
• 页面位置top、postop、scrolltop、offsetTop、scrollHeight、offsetHeight、clientHe
• offsetwidth/clientwidth的区别