各种设置宽高、距离的获取
1.可视区(浏览器当前的实际宽高)的宽高
document.document.clientWidth
document.document.clientHeight
2.补充~记住:获取其他的元素:
document.head~head
document.body~body
document.title(title的文本内容)~title
document.documentElement~html
3.只读:盒模型中的宽高获取:
clientWidth=content+padding
clientHeight=content+padding
offsetWidth=content+padding+border
offsetHeight=content+padding+border
scrollWidth scrollHeight(使用在自定义滚动条~了解)
使用overflow会影响点
4.只读:获取元素真正的显示最终样式~在控制台的conputed可查看
getComputedStyle(ele)
注意
5.只读:获取元素距离
1)元素到定位父级(参照的元素是哪个定位)的距离
变量.offsetLeft
变量.offsetTop
6.可赋值:
滚动高
document.documentElement.scrollTop(多用)
滚动宽
document.documentElement.scrollLeft(较少用)
赋值:document.documentElement.scrollTop=数字
等价于window.scrollTop({top:数字,left:0})