很實用的一個pure js function
來源與教學網站 https://andyyou.github.io/2015/04/07/get-an-element-s-position-by-js/
Oo_花之舞__oO
function getPosition (element) {
var x = 0;
var y = 0;
// 搭配上面的示意圖可比較輕鬆理解為何要這麼計算
while ( element ) {
x += element.offsetLeft - element.scrollLeft + element.clientLeft;
y += element.offsetTop - element.scrollLeft + element.clientTop;
element = element.offsetParent;
}
return { x: x, y: y };
}
寫這個函式的手段也很值得學習 可以自己寫一些實用的function
iThome鐵人賽
看影片追技術