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

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
          }
        }
      }

你可能感兴趣的:(前端jquery)