offset

• 只读属性。
• width/height——显示出来的屏幕尺寸
• top/left——相对于定位父元素的绝对位置

client

• 只读属性。
• width/height——不带边框的offset，也不包含滚动条宽度
• top/left——内边距的外边缘与边框外边缘的距离，通常是边框宽度

scroll

• width/height——只读，带有溢出内容的client
• top/left——非只读，相对于父容器的滚动起始位置，修改值可以改变滚动位置

demo代码见：https://codepen.io/jabbar/

附加

• window.outerWidth/window.outerHeight——窗口的外层的宽度和高度
• window.innerWidth/window.innerWidth——浏览器窗口的视口(viewport)的宽度和高度
• window.screen.width/window.screen.height——屏幕宽度和高度
• window.screen.availWidth/window.screen.availHeight——屏幕可用宽度和高度
• window.screenTop/window.screenLeft——浏览器在屏幕位置

本文内容仅供个人学习、研究或参考使用，不构成任何形式的决策建议、专业指导或法律依据。未经授权，禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载，请保留原文来源信息，不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持！

链接: https://fly63.com/article/detial/2740