44499
・jQueryの.offset().topは、ドキュメントの左上からのy軸方向の距離とかいてあったのですが、JavaScriptの.offsetTopプロパティのオフセットと意味は異なるのですか？  
・offsetParent ノードかどうかは関係ない？？
CC BY-SA 4.0
2018-06-02T03:38:53.837
44462
2018-06-03T23:55:35.327
7886
question
javascript jquery
.offset().topについて
[CSSOM View の offsetTop](https://www.w3.org/TR/cssom-view-1/#dom-htmlelement-
offsettop) は `offsetParent` 左上からの相対座標なので、`offsetParent` が <body> ではない場合は
jQuery の `.offset().top` とは異なります。下は、同じ要素で`offsetTop` と `.offset().top`
が異なる例です。

```

    function log(mes) {
      $('pre')[0].textContent += mes + '\n';
    }
    
    var target = $('.target');
    log('offsetTop: ' + target[0].offsetTop);
    log('offset().top: ' + target.offset().top);
```

```

    .container {
      position: absolute;
      top: 100px;
      padding: 7px;
    }
    
    .target {
      height: 20px;
      background: lime;
      width: 100px;
    }
```

```

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <div class="container">
    <div class="target"></div>
    </div>
    <pre>
    </pre>
```
CC BY-SA 4.0
2018-06-03T23:55:35.327
44499
2018-06-03T23:55:35.327
3475
44462
answer