一、Screen属性
screen.width ---- 电脑屏幕可视宽度
screen.height ---- 电脑屏幕可视高度
screen.availHeight --- （电脑屏幕可视高度 - 任务栏）
screen.availWidth --- （电脑屏幕可视宽度 - 任务栏）
二、浏览器视口的可视宽/高
innerWidth --- 浏览器可视宽
innerHeight --- 浏览器可视高
三、浏览器外框宽高
outerWidth --- 浏览器外框宽
outerHeight --- 浏览器外框高
四、el.offset [width/height]
offsetWdith --- box的实际占位宽，border+padding+width
offsetHeight --- box的实际占位高，border+padding+height
offsetLeft --- box的外border与父级的内border的左距离
offsetTop --- box的外border与父级的内border的上距离
五、el.client [width/height]
clientWdith --- box的视口宽，padding + width - 滚动条
clientHeight --- box的视口高，padding+height - 滚动条
clientTop --- box的上边框
clientLeft --- box的左边框
六、el.scroll [width/height]
注意！左溢出和上溢出的内容宽高不能算上（定位属性）
el.scrollWidth --- padding + width + 右侧溢出宽度
el.scrollHeight --- padding + height + 下侧溢出高度
el.scrollLeft -- 水平滚动的距离
el.scrollTop -- 垂直滚动的距离
扫一扫
2546
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
