Посчитайте, сколько нужно вертикальной прокрутить контейнер, чтобы сделать видимым

0

У меня есть контейнер div с высотой 400 и переполнением true.

он имеет вертикальную полосу прокрутки.

имея больше содержимого html внутри этого div.

Теперь я хочу получить высоту прокрутки дочернего div, чтобы я мог прокручивать полосу прокрутки через код.

    <div id="container">
    <div id="b1">
    // let say it height is 200px so that next div is not visible
    </div>
    <div >
    // let say it height is some i don't have
    </div>
    <div>

        <div id="b2">
            XYZ content
        </div>
    </div>
</div>

//теперь я хочу рассчитать, сколько я должен прокрутить, чтобы сделать # b2 видимым?

Теги:

1 ответ

3
Лучший ответ

Вы можете использовать offsetTop, чтобы найти координату y желаемого для вас блока, но не забудьте вычесть его из offsetTop родительского контейнера.

var container = document.getElementById('container'),
    b2 = document.getElementById('b2');

container.scrollTop = b2.offsetTop - container.offsetTop;

Пример jsFiddle

Удачи!

  • 1
    Спасибо! Братан! Йоу йоу!

Ещё вопросы

Сообщество Overcoder
Наверх
Меню