zoukankan      html  css  js  c++  java
  • jQuery中position()与offset()区别

    position()获取相对于它最近的具有相对位置(position:relative或position:absolute)的父级元素的距离,如果找不到这样的元素,则返回相对于浏览器的距离。

    offset()始终返回相对于浏览器文档的距离,它会忽略外层元素。

    下边看个简单的例子,这里外层的div元素(position:relative)仅一个:

    
    <div id="outer" style="200px;position:relative;left:100px;">
        
    <div
    id="inner" style="position:absolute;left:50px;top:60px;"> </div>
     </div>
    
    //获取相对于最近的父级(position:relative或position:absolute)的位置
    
    var vposition = $("#inner").position();
    alert(vposition.left); //输出:50
    alert(vposition.top); //输出:60
     var voffset = $("#inner").offset();
    alert(voffset.left); //输出:$("#outer").offset().left+50
     alert(voffset.top); //输出:$("#outer").offset().top+60

    在不同浏览器中,offset()得到的相对于浏览器的位置不同,相信你看了上边相应的注释,已经掌握了position()同offset()方法的区别。

  • 相关阅读:
    CSS盒子模型
    Git
    FFmpeg
    根据经纬度查询当前地点,百度google接口
    取数组中随机元素
    PHP获取当前页面url
    冒泡
    PHP5中使用PDO连接数据库的方法
    js循环遍历
    判断网页中英文
  • 原文地址:https://www.cnblogs.com/tianguook/p/4079542.html
Copyright © 2011-2022 走看看