js中盒子模型常用的属性你还记得几个?
- clientWidth; 内容宽度Width+左右填充padding
- clientHeight; 内容高度height+上下填充padding
- clientLeft; 左边框的宽度相当于border-left
- clientTop; 上边框的宽度相当于border-top
- offsetWidth; clientWidth+左右边框
- offsetHeight; clientHeight+上下边框
- scrollHeight; 真实内容宽度+上填充padding
- scrollWidth; 真实内容宽度+左填充padding
- scrollLeft; 滚动条卷去的宽度
- scrollTop; 滚动条卷去的高度
关于操作浏览器本身的盒子模型信息
- clientWidth、clientHeight、 表示浏览器可视窗口的宽高
- scrollWidth、scrollHeight、 表示浏览器真实页面的宽高