jQuery-获取元素坐标(距离屏幕左侧上侧距离)

时间:2022-12-20 21:03:48

原文地址:https://shipengliang.com/html-css-javascript/jquery-%E8%8E%B7%E5%8F%96%E5%85%83%E7%B4%A0%E5%9D%90%E6%A0%87%E8%B7%9D%E7%A6%BB%E5%B1%8F%E5%B9%95%E5%B7%A6%E4%BE%A7%E4%B8%8A%E4%BE%A7%E8%B7%9D%E7%A6%BB.html

获取页面某一元素的绝对X,Y坐标,可以用offset():
var X = $(‘#DivID’).offset().top;
var Y = $(‘#DivID’).offset().left;

获取相对(父元素)位置:
var X = $(‘#DivID’).position().top;
var Y = $(‘#DivID’).position().left;

通过getBoundingClientRect方法获取对象位置,包含: left , top , right , bottom 4个参数值。