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

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）