获取标签到浏览器各种距离

1. "就是滚动条距离顶部的位置（可变）： " document.documentElement.scrollTop ;
2. "指滚动条距离左边的位置（可变）： " document.documentElement.scrollLef ;
3. "网页可见区域宽： " document.body.clientWidth;
4. "网页可见区域高： " document.body.clientHeight;
5. "网页可见区域宽： " document.body.offsetWidth " (包括边线的宽) ";
6. "网页可见区域高： " document.body.offsetHeight " (包括边线的宽) ";
7. "网页正文全文宽： " document.body.scrollWidth;
8. "网页正文全文高： " document.body.scrollHeight;
9. "网页被卷去的高： " document.body.scrollTop;
10. "网页被卷去的左： " document.body.scrollLeft;
11. "网页正文部分上： " window.screenTop;
12. "网页正文部分左： " window.screenLeft;
13. "屏幕分辨率的高： " window.screen.height;
14. "屏幕分辨率的宽： " window.screen.width;
15. "屏幕可用工作区高度： " window.screen.availHeight" （去掉状态栏）";
16. "屏幕可用工作区宽度： " window.screen.availWidth;

计算标签到浏览器左侧距离

 let pageEle=document.getElementById('page')//当前元素
let leftval = pageEle.parentElement.offsetLeft//计算距离
let pEle= pageEle.parentElement.offsetParent;//父级的父级
while(pEle!= null){//满足条件一直进行加 直到body级
    leftval+= pEle.offsetLeft;
    pEle= pEle.offsetParent;//替换父级元素
}
pageEle.style.width=pageEle.parentElement.clientWidth+'px'
pageEle.style.left=leftval+'px'

同理距离顶部距离

let pageEle=document.getElementById('page')//当前元素
let Topval= pageEle.parentElement.offsetTop//计算距离
let pEle= pageEle.parentElement.offsetParent;//父级的父级
while(pEle!= null){//满足条件一直进行加 直到body级
    Topval+= pEle.offsetTop;
    pEle= pEle.offsetParent;//替换父级元素
}
pageEle.style.top=Topval+'px'