1. 程式人生 > >【JS】獲取自己寬高度和距離頂部寬高度

【JS】獲取自己寬高度和距離頂部寬高度

1.網頁被捲起來的高度/寬度(即瀏覽器滾動條滾動後隱藏的頁面內容高度) 相容性處理: var w=document.documentElement.scrollTop || document.body.scrollTop ; var h=document.documentElement.scrollLeft || document.body.scrollLeft;

2.獲取自身寬高度,距離頂部寬高度,滑鼠位置距離頂部寬高度 在這裡插入圖片描述

3.一種函式方法,可以很方便的直接獲取某個元素距離頂部的值

  function getPosition(node) {
        var left = node.offsetLeft;
        var top = node.offsetTop;
        var parent = node.offsetParent;
        if (parent != null) {
            left += parent.offsetLeft;
            top += parent.offsetTop;
            parent = parent.offsetParent;
        }
        return {"left": left, "top": top};

    }