相对位置&绝对位置

相对位置:

​ 一个元素相对于视口的位置

        /*
		 * getBoundingClientRect()： 获取一个元素四个角的 相对位置
		 * getBoundingClientRect() + 滚动条滚动时元素滚动的距离---> 绝对位置
		 * 
			代表元素border-box的尺寸
			height
			width
			
			元素左上角的相对位置 (元素border-box上)
			left
			top
			
			元素右下角的相对位置 (元素border-box上)
			right
			bottom
			
		*/
		window.onload=function(){
			var inner1 = document.querySelector("#inner1");
			var point = inner1.getBoundingClientRect();
			console.log(point);
		}

getBoundingClientRect()兼容性很高,都可以使用(神器);

绝对位置:

​ 一个元素相对于body的位置(相对位置+滚动条滚动时元素滚动的距离)

滚动条滚动时，元素滚动的距离

var L = document.documentElement.scrollLeft||document.body.scrollLeft;
var T = document.documentElement.scrollTop||document.body.scrollTop;