记录关于元素大小和各种偏移量的区分

it2024-07-18  41

1.偏移量大小:

offsetParent :

(1)元素设置absolute,relative的情况话,offsetParent指的就是父级节点 (2)默认文档流或者float的情况下,offsetParent 是html;

得到一个相对精准值的办法:

function f(elem){ var totalLeft=elem.offsetLeft, cur=elem.offsetParent; while(cur!==null){ cur=cur.offsetLeft; totalLeft+=cur.offsetLeft; }; return totalLeft; };

2.客户区大小: 3.滚动的大小:(指的是包含滚动内容的元素的大小) scrollLeft,scrollTop:被隐藏的区域的尺寸

scrollHeight,scroll Width:滚动元素可视区域的尺寸+被隐藏的区域的尺寸

4.确定元素大小:

getBoundingClientRect()方法:返回一个矩形对象,包含四个属性:left,top,right,bottom.(表示元素相对于视口的位置)

本文参考自javascript 高级程序设计

最新回复(0)