Question

我可能在想这个：

我有以下设置：

<div id='wrapper'>
    <div id='container'>
        <div id='titlebar'><p class='clickObj'>Title</p></div>
        <div id='content' style='display: none;'>...stuff</div>
    </div>

    <div id='container'>
        <div id='titlebar'><p class='clickObj'>Title</p></div>
        <div id='content' style='display: none;'>...stuff</div>
    </div>

    <div id='container'>
        <div id='titlebar'><p class='clickObj'>Title</p></div>
        <div id='content' style='display: none;'>...stuff</div>
    </div>

    <div id='container'>
        <div id='titlebar'><p class='clickObj'>Title</p></div>
        <div id='content' style='display: none;'>...stuff</div>
    </div>


</div>

当您点击clickObj中的标题时，关联的内容div会向下滑动。然后，我希望父容器滑动到包装器div的顶部，用它推或拉其他容器div。希望这是有道理的。

我查看了scrollTo，但不知道如何使用它来做这样的事情。

Answer 1

    $(".clickObj").click(function() {
        $(window).scrollTo($(this).offset().left, $(this).offset().top);
    });

这样的东西？（使用Jquery）

jquery：scrollTop - 滚动容器div中的所有div

1 个答案: