Прокрутка вниз на открывшийся блок

430

24 ноября 2016, 10:02

есть кнопка <button id="cb-btn" data-toggle="collapse" data-target="#cb">Кнопка</button> , которая раскрывает/закрывает блок <div id="cb" class="row collapse"></div>. Как написать скрипт, который при раскрытии блока совершал бы прокрутку вниз на размер блока? На пример $("#cb-btn").click(function(){if($(#cb раскрылся) прокрутить вниз на его высоту})?

Answer 1

В код, который открывает блок, добавьте:

$('html, body').scrollTop($('body').scrollTop()+height);

Если вы хотите сделать плавную анимацию прокрутки:

$('html, body').animate({
          scrollTop: $('body').scrollTop()+height
        }, 1000);

Однако, вам нужно узнать размер блока (height). Если он фиксированный или это не имеет принципиального значения, то задайте в цифрах. Если нет, то 2 варианта:

Подождать завершение анимации раскрытия блока
Узнать размер элемента с помощью плагина: http://dreamerslab.com/blog/en/get-hidden-elements-width-and-height-with-jquery/