首页 / 尚品潮秀 / 正文

javascript中制作滚动代码的常用属性之一Offsettop

来源:
编辑:亿尚风范
时间:2023-10-15

 javascript中制作滚动代码的常用属性。


       假设 obj 为某个 HTML 控件。
       obj.offsetTop 指 obj 距离上方或上层控件的位置,整型,单位像素。
       obj.offsetLeft 指 obj 距离左方或上层控件的位置,整型,单位像素。
       obj.offsetWidth 指 obj 控件自身的宽度,整型,单位像素。
       obj.offsetHeight 指 obj 控件自身的高度,整型,单位像素。   
       关于offsetTop的理解:
       1. offsetTop:元素到offsetParent顶部的距离
       2. offsetParent:距离元素最近的一个具有定位的祖宗元素(relative,absolute,fixed),若祖宗都不符合条件,offsetParent为body。如下图所示:获取child的       offsetTop,图1的offsetParent为father,图2的offsetParent为body。
       3. 注意:只有元素show(渲染完成)才会计算入offsetTop,若是中间有元素数据需要异步获取,会导致最终获取的offsetTop值偏小。

时尚头条换一换
时尚电商换一换
热点摘要换一换
  • CopyRight @ 2005-2023 Reserved 亿尚网版权所有,所涉内容请查询声明细则