Question

我试图在垂直模式下使用bx-slider作为无限时间轴滚动（使用鼠标滚轮事件到'goToNextSlide'或'goToPrevSlide'）。该问题似乎与当前视口无关，因为在此过程中它没有更改。在幻灯片中滚动时，可见项的数量似乎不会根据aria-hidden-attribute改变，而是基于.bx-viewport div的内联样式和transform：items容器的translade3d的高度变化。

我已经尝试过min / maxSlides，adaptiveHeight等的几种组合，但似乎都无法解决问题。

初始幻灯片（6个元素按预期显示并设置为最小/最大幻灯片）：

<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});

有人可以帮助我吗？在此先感谢！

尽管缩进元素的数量不变，但bx视口的高度却动态变化

0 个答案: