<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'); // убираем класс у внешнего элемента если день
}
});
var $ul = $(this),
$li = $ul.children(),
liArray = [];
$li.slice(3).hide();
// вариант 1
liArray = $li.slice(0, 3);
// вариант 2
liArray = $li.filter(':visible');
will-change: transform;
.* {
backface-visibility: hidden;
}
function addOnWheel(cases, handler) {
if (cases.addEventListener) {
if ('onwheel' in document) {
cases.addEventListener('wheel', handler);
} else if ('onmousewheel' in document) {
cases.addEventListener('mousewheel', handler);
} else {
cases.addEventListener('MozMousePixelScroll', handler);
}
} else {
cases.attachEvent('onmousewheel', handler);
}
}
if ($(window).width() > 1000 && document.querySelectorAll('.all-cases')) {
var translateY = 1;
$(window).keydown(function (e) {
var casesPageStylizationTransform = cases.style.transform;
if (e.keyCode == 32 || e.keyCode == 40) {
if (casesPageStylizationTransform != ('translateY(-87.5%)')) translateY -= 1.5;
cases.style.transform = cases.style.WebkitTransform = cases.style.MsTransform = 'translateY(' + translateY + '%)';
}
if (e.keyCode == 38) {
if (cases.style.transform = ('translateY(' > 0 + '%)')) {
if (casesPageStylizationTransform <= ('translateY(0%)')) translateY += 1.5;
cases.style.transform = cases.style.WebkitTransform = cases.style.MsTransform = 'translateY(' + translateY + '%)';
}
}
});
addOnWheel(cases, function (e) {
var delta = e.deltaY || e.detail || e.wheelDelta;
var casesPageStylizationTransform = cases.style.transform;
if (cases.style.transform = ('translateY(' != -87.5 + '%)')) {
if (delta > 0 && casesPageStylizationTransform != ('translateY(-87.5%)')) translateY -= 1.5;
cases.style.transform = cases.style.WebkitTransform = cases.style.MsTransform = 'translateY(' + translateY + '%)';
}
if (cases.style.transform = ('translateY(' > 0 + '%)')) {
if (delta < 0 && casesPageStylizationTransform <= ('translateY(0%)')) translateY += 1.5;
}
e.preventDefault();
});
}