首页 / 热点摘要 / 正文

Offsettop简介javascript中制作滚动代码的常用属性

来源:
编辑:亿尚风范
时间:2024-03-29

     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值偏小。


时尚头条换一换

WANG FENG BRIDAL 2025春夏系列璀璨发布

编辑:尚品潮秀
2024-10-23
时尚电商换一换
热点摘要换一换
  • CopyRight @ 2005-2024 Reserved 亿尚网版权所有,所涉内容请查询声明细则