js获取距离屏幕的坐标
程序员文章站
2022-05-01 12:33:59
...
首先计算js距离浏览器窗口的坐标:
let X = $('#test').offset().left + window.screenLeft;
let Y = $('#test').offset().top;
再计算浏览器距离屏幕的宽和高,通过window.screenLeft和window.screenTop获取浏览器距离屏幕的偏移量;
两者相加就可以得到距离屏幕的坐标:
let X = $('#test').offset().left + window.screenLeft;
let Y = $('#test').offset().top + window.screenTop;
Y轴部分还缺少浏览器工具栏的高度,
window.outerHeight:浏览器高度
window.innerHeight:浏览器可用高度
工具栏高度=window.outerHeight-window.innerHeight。
最终坐标为:
let X = $('#test').offset().left + window.screenLeft;
let Y = $('#test').offset().top + window.screenTop + window.outerHeight - window.innerHeight;
上一篇: Flex左右布局,高度相等自适应