Question

我有一个10000px的DIV。在这个DIV中，我有各种500px DIV，如下所示：

<div class="huge-div">
   <div class="some-div">
   <div class="some-div">
   <div class="new-div">
   <div class="new-div">
   <div class="new-div">
</div>

我需要找到第一个带有“new-div”类的DIV并重新定位“huge-div”，这样它就会显示浏览器/视图左侧的第一个“new-div”。

到目前为止，我可以找到第一个DIV，添加一个新类（改变它的颜色）但不知道如何告诉它将“huge-div”排在左边，基于“new” -div“第一次露面。

$('.new-div').first().addClass('great').---line-up "huge-div" to the left---();

//

Answer 1

喜欢这个？ http://jsfiddle.net/8WYpW/1/

添加包装器：

<div class="huge-div">
    <div class="wrapper">
       <div class="some-div">test</div>
       <div class="some-div">test</div>
       <div class="some-div great">great</div>
       <div class="some-div">test</div>
       <div class="some-div">test</div>
    </div>
</div>

然后基于负边距定位：

$(function() {
    setTimeout(function() {        
        $('.huge-div').animate({marginLeft: -$('.great').offset().left});
    }, 1000);
});

修改

要直接去那里使用css而不是动画：

$('.huge-div').css({marginLeft: -$('.great').offset().left});

阵容父Div用于显示Child Div从左到右

1 个答案:

修改