var $messagesContainer = $('#messages-container');
$messagesContainer.stop().animate({scrollTop: $messagesContainer.scrollHeight}, 1000);
events/callbacks
– это такие полезные функции, которые реагируют на изменения в слайдере. В данном случае нужно использовать эти встроенные функции либо для отслеживания последнего слайда в текущем слайдере, либо (если позволяет функционал слайдера) тот момент, что слайдер "закончился". А уже по этому событию переходить к следующему слайдеру.$(window).scrollTop()
и $(element).offset().top
.<li class="pseudo-link" id="left">
...
</li>
<li class="pseudo-link" id="middle">
...
</li>
<li class="selected" id="right">
...
</li>
<div class="gr-content js-case_partps-bankruptcy g-hidden" id="gr_case_partps">
...
</div>
<div id="gr_case_judges" class="gr-content g-hidden">
...
</div>
<div id="gr_case_acts" class="gr-content">
...
</div>
$('.carousel').on('slide.bs.carousel', function(event) {
var slideIndex = event.to, // индекс слайда, к которому переходим
activeSlide = $('.slide').eq(slideIndex), // активный слайд
myOuterElem = $('.my-outer-element'); // некий элемент вне карусели
if(activeSlide.hasClass('night-bg')) {
myOuterElem.addClass('my-new-class'); // добавляем класс к внешнему элементу если ночь
} else
if(activeSlide.hasClass('day-bg')) {
myOuterElem.removeClass('my-new-class'); // убираем класс у внешнего элемента если день
}
});