javascript – 检测HTML元素从上到下的距离?

前端之家收集整理的这篇文章主要介绍了javascript – 检测HTML元素从上到下的距离?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在 HTML5文档中有一个标签.

如何使用JavaScript从HTML页面左上角到画布标签的左上角检测距离?

我需要能够相对于画布定位动态生成的html标签.

解决方法

getBoundingClientRect()是您的朋友,并且支持所有浏览器的最新版本(Firefox 3,Safari 4,Chrome,Opera 9.5,IE 5).然而,它将给出相对于视口而不是页面的坐标,因此您需要添加文档的滚动量:
function getPageTopLeft(el) {
    var rect = el.getBoundingClientRect();
    var docEl = document.documentElement;
    return {
        left: rect.left + (window.pageXOffset || docEl.scrollLeft || 0),top: rect.top + (window.pageYOffset || docEl.scrollTop || 0)
    };
}

猜你在找的JavaScript相关文章