2014-04-09 298 views
0

我的Senario是我有一个div名称scrollContent现在另一个div是scrollContent div内的内容,可滚动。在Content div中还有其他div,我想跟踪内容div中所有div的位置,以便当我重新打开内容div中的div时,它们在同一位置打开。这里我想跟踪id =“p0”的div的位置。 我保存内容的div高度和宽度与 $( '#内容')。支撑( 'scrollHeight属性') $( '#内容')。支撑( 'scrollWidth')Div位置跟踪

当我重新打开我分配将高度和宽度保存到内容div。但内容div里面的div没有确切的位置。我保存内容div中的div位置,如下所示: top = $(“#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; 
} 

回答

0

试试这个:使用此保存样式属性

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

Fiddle Example

+0

嗨维韦克上午... po但内容div滚动时出现问题。如果内容div不滚动..里面div在确切的位置。但是当内容div滚动。所有里面的div在同一个窗口中打开,不在滚动部分。 –

+0

你可以做一个小提琴的例子,并重新创建该问题? –