码迷,mamicode.com
首页 > 其他好文 > 详细

获取元素在页面中相对视扣的位置

时间:2019-09-19 19:53:15      阅读:121      评论:0      收藏:0      [点我收藏+]

标签:cli   ext   temp   pen   set   rem   tee   creat   number   

function getBoundingClientRect(element){
  var scrollTop = document.documentElement.scrollTop
  var scrollLeft = document.documentElement.scrollLeft
  if(element.getBoundingClientRect){
    if(typeof arguments.callee.offset != "number"){
      var temp = document.createElement("div")
      temp.style.cssText = "position:absolute;left:0;top:0"
      document.body.appendChild(temp)
      arguments.callee.offset = -temp.getBoundingClientRect().top - scrollTop
      document.body.removeChild(temp)
      temp = null
    }
    var rect = element.getBoundingClientRect()
    var offset = arguments.callee.offset
    return {
      left: rect.left + offset,
      right: rect.right + offset,
      top: rect.top + offset,
      bottom: rect.bottom + offset
    }
  } else {
    var actualLeft = getElementLeft(element)
    var actualTop = getElementTop(element)
    return {
      left: actualLeft - scrollLeft,
      right: actualLeft + element.offsetWidth - scrollLeft,
      top: actualTop - scrollTop,
      bottom: actualTop + element.offsetHeight - scrollTop
    }
  }
}

  

获取元素在页面中相对视扣的位置

标签:cli   ext   temp   pen   set   rem   tee   creat   number   

原文地址:https://www.cnblogs.com/hanxiaoer/p/11551796.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!