加给元素:
- offsetLeft (距离定位父级的距离)
- offsetTop (距离定位父级的距离)
- offsetWidth (可视宽度)
- offsetHeight (可视高度)
- clientLeft (左边框宽度)
- clientTop (上边框宽度)
- clientWidth(width + padding)
- clientHeight(height + padding)
- scrollTop(纵向滚动距离)
- scrollLeft(横向滚动距离)
- scrollWidth(内容宽度)
- scrollHeight(内容高度)
getBoundingClientRect ( ) 返回值:对象 有6个属性
- left(元素左侧相对于可视区左上角的距离)
- right(元素右侧相对于可视区左上角的距离)
- top(元素上边相对于可视区左上角的距离)
- bottom(元素下边相对于可视区左上角的距离)
- width(可视宽度)
- height(可视高度)
获取可视区宽高:
- window.innerWidth
- window.innerHeight
- document.documentElement.clientWidth
- document.documentElement.clientHeight
屏幕宽高:
- window.screen.width
- window.screen,height
获取文档宽高:
- document.body.clientWidth
- document.body.clientHeight
- document.documentElement.scrollWidth
- document.documentElement.scrollHeight
- document.body.scrollWidth(如果内容宽度超过一屏,得到文档宽度;如果内容小于一屏,得到一屏的宽度)
- document.body.scrollHeight (如果内容高度超过一屏,得到文档高度;如果内容小于一屏,得到一屏的高度)
获取滚动条距离:
- document.body.scrollTop
- document.body.scrollLeft
- window.scrollY
- window.scrollX
- document.documentElement.scrollTop
- document.documentElement.scrollLeft
- window.pageYOffset
- window.pageXOffset