Div 位置跟踪

Question

我的 Senario 是我有一个 div 名称 scrollContent 现在另一个 div 是在 scrollContent div 内的内容并且是可滚动的。在内容 div 中还有其他 div 我想跟踪所有 div 在内容 div 中的位置，以便当我重新打开内容 div 内的 div 时，在同一位置打开。在这里，我想用 id="p0" 跟踪 div 的位置。 我正在保存内容 div 的高度和宽度 $('#content').prop('scrollHeight') $('#content').prop('scrollWidth')

当我重新打开时，我将保存高度和宽度分配给内容 div。但是内容 div 中的 div 并没有在确切的位置打开。我像这样在内容 div 中保存 div 位置 顶部=$("#p0").offset().top; left=$("#p0").offset().left;

请给我建议。提前致谢

我的代码如下

<div id="scrollContent">
<div id="content">
<div id="p0" class="window ui-draggable" position="absolute" style="top:256px;left:132px;"/>
</div>
</div>

Css are
#scrollContent {
    border:inset 3px #EFF3FB;
    overflow:scroll;
    position:relative;
    min-height:836px;
    min-width:400px;
    height:850px;
    width:1020px;

    left: 250px;
    right: 0;
    top: 15px;
    margin-bottom:0px;
    background-color:#EFF3FB;
}
#content {
    overflow:scroll;
    position:relative;
    min-height:836px;
    min-width:400px;
    height:836px;
    width:1000px;

    left: 0px;
    right: 0px;
    top: 0px;
    bottom:0px;
    background-image:url('../image/new_background_content.jpg');
    background-repeat:repeat;
    background-image-width:100%;
    z-index:0;
}

Answer 1

试试这个：

$("#p0").offset().top - $("#content").offset().top;

Fiddle Example