jsoffsetTop和offsetLeft实例分析

来源：动视网责编：小采时间：2020-11-27 20:32:07

jsoffsetTop和offsetLeft实例分析

jsoffsetTop和offsetLeft实例分析:offsetTop：以 CSS 像素为单位返回元素上边框距其 offsetParent 上边框的距离。 offsetLeft：以 CSS 像素为单位返回元素相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置。这里最主要的是找准 offsetParent。其实很简单，比如

推荐度：

点击下载本文 文档为doc格式

导读jsoffsetTop和offsetLeft实例分析:offsetTop：以 CSS 像素为单位返回元素上边框距其 offsetParent 上边框的距离。 offsetLeft：以 CSS 像素为单位返回元素相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置。这里最主要的是找准 offsetParent。其实很简单，比如

offsetTop：以 CSS 像素为单位返回元素上边框距其 offsetParent 上边框的距离。
offsetLeft：以 CSS 像素为单位返回元素相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置。

这里最主要的是找准 offsetParent。
其实很简单，比如我们要计算A元素的 offsetTop，那么先要找到A元素的offsetParent，A元素的offsetParent应该是离A元素最近的父元素，并且父元素设置了position：relative或absolute属性，如果没有匹配到任何父元素，那么应该以窗口为基准计算元素的offsetTop。

下面用实例来说明：

;





? ? 300X200的盒子
? ? 
? ? ? ? offsetTop详解
? ?

    

    
    
        jsoffsetTop和offsetLeft实例分析
        jsoffsetTop和offsetLeft实例分析:offsetTop：以 CSS 像素为单位返回元素上边框距其 offsetParent 上边框的距离。  offsetLeft：以 CSS 像素为单位返回元素相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置。  这里最主要的是找准 offsetParent。 其实很简单，比如
        推荐度：
    
    
        
            点击下载本文
            文档为doc格式
        
    

              
        
                
            标签：
                        js
                        实例
                        分析
                    
                
            
             
                    
                        热门焦点

jsoffsetTop和offsetLeft实例分析

jsoffsetTop和offsetLeft实例分析

jsoffsetTop和offsetLeft实例分析

最新推荐

猜你喜欢

热门推荐