//获取窗口的高度
let winWidth = window.innerHeight || document.documentElement.clientHeight

//获取距离父元素的高度
let distance = childelement.offsetTop

//元素顶部距窗口顶部的距离
let topdistance = element.getBoundingClientRect().top 

//元素底部部距窗口顶部的距离
let bottomdistance = element.getBoundingClientRect().bottom

要注意一点的是document.documentElement.clientHeight 和 window.innerHeight 是相等的,但是宽度差个滚动条宽度