GitHub 博客园 Nanakon

☀【offset() / position()】 

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <title></title>
</head>
<body>
    <div id="box">box</div>
    <script src="http://static01.baomihua.com/js/lib/jquery-1.4.4.min.js?t=20120926.js"></script>
    <script>
        /*
         * position() 计算相对于偏移父元素—更通俗一点，含有 position: relative; 的元素最近的父元素或祖先元素—的位置。如果未找到这样的父元素或祖先元素，那么会计算相对于文档的位置
         * offset() 则总是计算相对于文档的位置 
         */
        console.log($('#box').offset())
    </script>
    <style>
        #box {
            width: 100px;
            height: 100px;
            background-color: #F00;
            position: absolute;
            top: 100px;
            left: 100px;
        }
    </style>
    <script>
        console.log($('#box').offset()) // 希望的样式生效再去获取
    </script>
</body>
</html>

 

posted on 2013-09-23 20:36  jzm17173  阅读(123)  评论(0)    收藏  举报

导航

轻音