Javascript 相对位置偏移错误

我有这个标记

<div class="row">
    <div class="col-md-4">
        <img src="imgsrc.jpg" />
    </div>
</div>

<div class="row">
    <div class="col-md-4">
        <img src="imgsrc.jpg" />
    </div>
</div>

尝试使用，它给出了元素相对于文档的位置，更改

var offset = $(this).position();

到

更新：：

$('.col-md-4').hover(function(){
    var childPosition = $(this).offset();
    var parentPosition = $(this).parent().offset();
    var actualOffset = {
        top: childPosition.top - parentPosition.top,
        left: childPosition.left - parentPosition.left
    }
    var height = $(this).height();
    console.log(offset);
    $('#shadow2').stop(true, true).animate({
        'left': actualOffset.left,
        'top': actualOffset.top + height + 10
    });
....

尝试使用，它给出了元素相对于文档的位置，更改

var offset = $(this).position();

到

更新：：

$('.col-md-4').hover(function(){
    var childPosition = $(this).offset();
    var parentPosition = $(this).parent().offset();
    var actualOffset = {
        top: childPosition.top - parentPosition.top,
        left: childPosition.left - parentPosition.left
    }
    var height = $(this).height();
    console.log(offset);
    $('#shadow2').stop(true, true).animate({
        'left': actualOffset.left,
        'top': actualOffset.top + height + 10
    });
....

尝试使用，它给出了元素相对于文档的位置，更改

var offset = $(this).position();

到

更新：：

$('.col-md-4').hover(function(){
    var childPosition = $(this).offset();
    var parentPosition = $(this).parent().offset();
    var actualOffset = {
        top: childPosition.top - parentPosition.top,
        left: childPosition.left - parentPosition.left
    }
    var height = $(this).height();
    console.log(offset);
    $('#shadow2').stop(true, true).animate({
        'left': actualOffset.left,
        'top': actualOffset.top + height + 10
    });
....

尝试使用，它给出了元素相对于文档的位置，更改

var offset = $(this).position();

到

更新：：

$('.col-md-4').hover(function(){
    var childPosition = $(this).offset();
    var parentPosition = $(this).parent().offset();
    var actualOffset = {
        top: childPosition.top - parentPosition.top,
        left: childPosition.left - parentPosition.left
    }
    var height = $(this).height();
    console.log(offset);
    $('#shadow2').stop(true, true).animate({
        'left': actualOffset.left,
        'top': actualOffset.top + height + 10
    });
....

---

alredy使用的是，相对于文档的偏移给定位置不到包装器，在本例中为

。row

alredy使用的是，相对于文档的偏移给定位置不到包装器，在本例中为

。row

alredy使用的是，相对于文档的偏移给定位置不到包装器，在本例中为

。row

alredy使用的是，相对于文档而非包装器的偏移量给定位置，在本例中为

。行