资讯专栏INFORMATION COLUMN

获取元素与屏幕左边框left与上边框top的距离

JowayYoung / 667人阅读

function getLeftAndTop(divId){
    let dom  = document.getElementById(divId)
    let left = dom.getBoundingClientRect().left + "px"
    let top = dom.getBoundingClientRect().top + "px"
    return {left:left,top:top}
},

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/109781.html

相关文章

  • JavaScript 中那些关于坐标和距离属性方法

    摘要:摘自阮一峰教程位置大小属性只读属性返回浏览器窗口左上角相对于当前屏幕左上角的水平距离和垂直距离单位像素。摘自阮一峰教程相关方法返回一个对象,提供当前元素的大小位置等信息。摘自阮一峰教程四鼠标事件接口通过添加的事件所产生的事件对象也是实例。 一 前言 在前端开发中总会遇到各种各样需要使用或计算坐标和距离的情况,但是这些属性和方法众多,全部熟练地记下来并非是一件易事,大多只能现查,耗费不少...

    jsummer 评论0 收藏0
  • JavaScript 中那些关于坐标和距离属性方法

    摘要:摘自阮一峰教程位置大小属性只读属性返回浏览器窗口左上角相对于当前屏幕左上角的水平距离和垂直距离单位像素。摘自阮一峰教程相关方法返回一个对象,提供当前元素的大小位置等信息。摘自阮一峰教程四鼠标事件接口通过添加的事件所产生的事件对象也是实例。一 前言 在前端开发中总会遇到各种各样需要使用或计算坐标和距离的情况,但是这些属性和方法众多,全部熟练地记下来并非是一件易事,大多只能现查,耗费不少时间精力...

    guqiu 评论0 收藏0
  • Js中 关于top、clientTop、scrollTop、offsetTop

    摘要:由于为外层元素设置了,所以内层元素会向上卷。和全面支持,而和不支持除外。认为是网页内容高度,不过最小值是。认为和都是网页内容高度,只不过当网页内容高度小于等于时,的值是,而可以小于。认为是可视区域滚动条加边框。 转载自http://www.cnblogs.com/seven_...网页可见区域宽: document.body.clientWidth;网页可见区域高: document....

    xorpay 评论0 收藏0
  • HTML元素和事件对象中各种宽高和位置

    摘要:元素和事件对象中的各种宽高和位置标签经常被一堆的弄混,统一整理一下。元素中的宽高和位置属性表示元素的内部宽度,以像素计。表示元素实际占用的高度,包括其边框,内边距和元素内容。 HTML元素和事件对象中的各种宽高和位置 标签: js [TOC] 经常被一堆的xxxWidth,xxxLeft弄混,统一整理一下。 1. HTML元素中的宽高和位置属性 clientWidth 表示元素的内...

    gggggggbong 评论0 收藏0
  • 细说css中position属性

    摘要:块级元素生成一个矩形框,作为文档流的一部分,行内元素则会创建一个或多个行框,置于其父元素中。相对定位,相对于自己的初始位置,不脱离文档流。 有过css开发经验的同学,对于position这个属性一定不会陌生,然而这个熟悉的属性确是面试题中的常客,也就说明了该属性在css的世界是有一定的江湖地位的,那么我们就来详细的说说position这个属性。 在w3school中是这样解释posi...

    ssshooter 评论0 收藏0

发表评论

0条评论

JowayYoung

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<