美文网首页
元素相对浏览器顶部位置

元素相对浏览器顶部位置

作者: 清霆 | 来源:发表于2021-11-05 16:33 被阅读0次
export const formatOffset = (el) => {
    let offsetTop = 0;

    do {
        if (!isNaN(el.offsetTop)) {
            offsetTop += el.offsetTop;
        }
    } while ((el = el.offsetParent));

    return { top: offsetTop };
}
export const formatOffsetRelative = (el) => {
    if (el.getBoundingClientRect) {
        return el.getBoundingClientRect();
    }
    else {
        var x = 0, y = 0;
        do {
            x += el.offsetLeft - el.scrollLeft;
            y += el.offsetTop - el.scrollTop;
        }
        while (el = el.offsetParent);

        return {  top: y, left: x }
    }
}

引自 :
get-element-relative-offset
offset

相关文章

  • 元素相对浏览器顶部位置

    引自 :get-element-relative-offset[https://github.com/Gitboo...

  • 获取元素位置

    getBoundingClientRect() 这个获取元素相对浏览器的位置获取浏览器相对屏幕的位置window...

  • position定位

    定位:元素框相对于其正常位置应该出现的位置,或者相对于父元素、另一个元素甚至浏览器窗口本身的位置。 (一)相关...

  • position 属性整理

    介绍 position属性,我们可以让元素相对于其正常位置,父元素或者浏览器窗口进行偏移 Position 属性:...

  • 前端CSS的相对定位、绝对定位、固定定位

    相对定位 position:relative 相对定位,就是微调元素位置的。元素相对自己原来的位置,进行位置的微调...

  • css3 position:fixed 固定居中的问题

    固定定位: 元素的位置相对于浏览器窗口是固定位置。即使窗口是滚动的它也不会移动 元素固定一般使用position:...

  • 浮动和定位

    定位基本思想 : 允许定义元素框相对于其正常位置应该出现在哪里,可相对于父元素,另一个元素或浏览器窗口。 浮动 :...

  • clientx和offsetx的区别

    offsetleft是元素相对于父级元素的位置 pageX是元素相对于窗口的位置

  • 定位 和 背景

    相对定位: relative 生成相对定位元素,元素所占据的文档流的位置不变,元素本身相对文档流的位置进行偏移 a...

  • getBoundingClientRect获取元素相对浏览器视口

    getBoundingClientRect用于获得页面中某个元素的左,上,右和下分别相对浏览器视窗的位置。getB...

网友评论

      本文标题:元素相对浏览器顶部位置

      本文链接:https://www.haomeiwen.com/subject/hvurzltx.html