关于dom中利用offsetTop 获取当前元素距浏览器窗口的位置

Posted 2021-09-07 掺半N

offsetTop是子元素的外边框到父级元素内边框的距离
直接就相对于body取值则需要一层层往上找了
下面代码中对你们有帮助的就是while里面的代码，外层是给自己的一些记录

var table = $(\'.tableTemplate\')
      var top = 0
      for (var i = 0; i < table.length; i++) {
        if (table[i].offsetTop !== 0) {
          console.log(\'table.parentNode\', table[i].parentNode)
          let par = table[i].offsetParent
          top = table[i].offsetTop
          console.log(\'1\', table[i].offsetTop)
          while (par) { // 循环获取当前对象与body的高度
            console.log(\'table.parentNode\', par, par.offsetTop)
            top += par.offsetTop
            par = par.offsetParent
          }
        }
      }