Высота bx-viewport изменяется динамически, хотя количество отступающих элементов не меняется - PullRequest
Новая
       27

Высота bx-viewport изменяется динамически, хотя количество отступающих элементов не меняется

0 голосов
/ 23 апреля 2019

Я пытаюсь использовать bx-слайдер в вертикальном режиме в качестве бесконечной временной шкалы для прокрутки (используя события mousewheel для 'goToNextSlide' или 'goToPrevSlide'). Кажется, что проблема не имеет никакого отношения к текущему окну просмотра, потому что он не изменяется во время процесса. При прокрутке слайдов количество видимых элементов изменяется не в зависимости от атрибута aria-hidden-атрибута, а от изменения высоты встроенного стиля элемента div .bx-viewport и преобразования: translade3d контейнера items.

Я уже пробовал несколько комбинаций min / maxSlides, adaptiveHeight и т. Д., Но ни одна из них, похоже, не решила проблему.

Начальный слайд (6 элементов показаны как ожидается и установлены для min / maxSlides): 

<div class="bx-viewport" aria-live="polite" style="width: 100%; overflow: hidden; position: relative; height: 150px;">
	<div id="timeline" style="width: auto; position: relative; transition-duration: 0.5s; transform: translate3d(0px, -175px, 0px);">

Следующий слайд (видны только 5 элементов): 

<div class="bx-viewport" aria-live="polite" style="width: 100%; overflow: hidden; position: relative; height: 125px;">
<div id="timeline" style="width: auto; position: relative; transition-duration: 0.5s; transform: translate3d(0px, -225px, 0px);">

Моя инициализация слайдера: 

slider = $('#timeline').bxSlider({
            mode: 'vertical',
            slideWidth: 600,
            adaptiveHeight: false,
            infiniteLoop: true,
            minSlides: 6,
            maxSlides: 6,
            moveSlides: 1,
            controls: true,
            pager: false});

Кто-нибудь может мне помочь? Большое спасибо заранее!

...