jquery: scrollTop - прокрутить все div в контейнере div

Я, наверное, над этим подумал:

У меня есть следующие настройки:

<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, но не знал, как его использовать для чего-то вроде этого.


jquery scrolltop
person PruitIgoe    schedule 13.08.2012    source источник

Ответы (1)


arrow_upward
0
arrow_downward 

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

Что-то вроде этого? (с использованием JQuery)

person Mark Broadhurst    schedule 13.08.2012
comment
Может быть, но я хочу, чтобы он прокручивался только внутри div-оболочки. Итак, если в оболочке есть 5 контейнерных div, и вы нажимаете на контейнер 3, затем 1, 2 и 3 прокручиваются вверх, причем 1 и 2 скрываются, а 3 останавливаются в верхней части оболочки, а 4 и 5 перемещаются вверх - я пробовал это: вар смещение = $ (# AccordionWrapper) .offset (); $ (это) .parents ('# accordionContainer'). scrollTo (offset.top); но не получил результатов - person PruitIgoe; 13.08.2012