头条 科技 产经 家电 智能 手机 芯片 数码 电商 WAP版
中国IT产经新闻网-移动互联网与智能搜索领域是未来IT产业发展的趋势!
中国IT产经新闻/软件安全/正文
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值偏小。


产业点评更多
厂商动态更多
热门综合更多
CopyRight @ 2008-2023 中国IT产经新闻网 All Right Reserved 违者必究 湘ICP备2022017330号-2