最简单的获取元素距离浏览器四周边框距离的方法

最新推荐文章于 2024-08-15 08:00:10 发布

-5044

最新推荐文章于 2024-08-15 08:00:10 发布

阅读量850

点赞数 1

分类专栏： vue3 js 文章标签：前端 javascript html5

本文链接：https://blog.csdn.net/weixin_46448762/article/details/129080816

版权

vue3 同时被 2 个专栏收录

22 篇文章 0 订阅

订阅专栏

18 篇文章 0 订阅

订阅专栏

1 .纯js

let ele = document.getElementByClassName('class_name')

let ToTop = ele.getBoundingClientRect().top  
let ToLeft = ele.getBoundingClientRect().left 
let ToBottom = ele.getBoundingClientRect().bottom 
let ToRight = ele.getBoundingClientRect().right

2. vue3


let eleRef = ref(null)

let ToTop = eleRef.value.getBoundingClientRect().top  
let ToLeft = eleRef.value.getBoundingClientRect().left 
let ToBottom = eleRef.value.getBoundingClientRect().bottom 
let ToRight = eleRef.value.getBoundingClientRect().right

兼容性好