TA貢獻1803條經驗 獲得超6個贊
// 兼容低版本IE// 轉換為數字 function intval(v) {
v = parseInt(v); return isNaN(v) ? 0 : v;
}function getPos(e) { // left and top value
var left = 0; var top = 0; // offsetParent返回一個指向最近的定位元素,標準模式如果沒有就返回html/body,表示遷移量都是相對其中來計算.
while (e.offsetParent) { // 計算偏移量
left += e.offsetLeft + (e.currentStyle ? intval(e.currentStyle.borderLeftWidth) : 0);
top += e.offsetTop + (e.currentStyle ? intval(e.currentStyle.borderTopWidth) : 0); // 最近的定位元素或者body
e = e.offsetParent;
}
left += e.offsetLeft + (e.currentStyle ? intval(e.currentStyle.borderLeftWidth) : 0);
top += e.offsetTop + (e.currentStyle ? intval(e.currentStyle.borderTopWidth) : 0); return { x: left, y: top
};
}document.addEventListener('mousemove', function(e) { // 即便滾動條再怎么動也不會影響目標DOM距離頂部的距離
console.log(getPos(document.querySelector('.footer')))
})
舉報