Javascript 自适应高度在bxslider插件的垂直和淡入模式下不起作用

我正在开发bx Slider JQuery插件。我配置

自适应高度：false

。此配置在水平模式下运行良好。但是，工作模式不能像垂直和淡入一样。滑块高度根据滑块图像的大小而增减，但我想要一个固定的高度。如何解决此问题

我的配置是：

$('.slider').bxSlider({
   adaptiveHeight: false,
   auto: false,
   autoControls: false,
   autoDirection: "",
   autoHover: false,
   autoStart: false,
   captions: false,
   easing: "linear",
   hideControlOnEnd: false,
   infiniteLoop: false,
   maxSlides: 1,
   minSlides: 1,
   mode: "vertical",
   nextSelector: "#slider-next",
   nextText: "<img src= style="width:35px;height:35px;"/>",
   pager: false,
   pause: false,
   prevSelector: "#slider-prev",
   prevText: "<img src= style="width:35pxpx;height:35px;"/>",
   randomStart: false,
   slideMargin: 10,
   slideWidth: 150,
   speed: 1000,
   startSlide: 0
});

$（'.slider'）.bxSlider({
自适应高度：false，
汽车：错，
自动控制：错误，
自动定向：“”，
自动悬停：错误，
自动启动：错误，
标题：错，
放松：“线性”，
hideControlOnEnd:false，
无穷远：错，
maxSlides:1，
米斯利德斯：1，
模式：“垂直”，
下一个选择器：#下一个滑块“，
下一个文本：“”，
传呼机：错，
暂停：错，
前置选择器：“#滑块前置”，
前文：“，
开始：错误，
幻灯片摘要：10，
滑动宽度：150，
速度：1000，
开始滑动：0
});

更新 OP表示需要显示不同高度的图像…但需要固定高度。所以我收集的是一个固定的滑块高度，能够在垂直流中显示不同高度的图像。挑战在于让控制箭头保持在一个位置，并能够根据调整大小进行调整

CSS有太多的更改，无法逐一说明使用它们的原因，因此我们将介绍最重要的部分，如果还有其他问题，可以根据具体情况逐一解决

    .box { height: 100vh; overflow-y: scroll; }
    .bx-view-port { height: 100vh; }

因为世界上大多数数字媒体都是水平方向的，所以我认为没有足够的思想投入到使用垂直流的良好用户体验中。

jquery.bxslider.css

中唯一的高度属性是图标和加载器。生成的包装器

bx视图端口

是宽度和高度的主要参考，因此当浏览器更新后bxSlider变为0高度时，请记住这一点。为整个滑块添加包装（

.box

）有助于稳定垂直过渡，并为下一次添加

.bx nav

提供父级

最让人恼火的是上一步和下一步的箭头控件。我通常将它们重新定位到顶部，因为它是滑块在垂直模式下唯一稳定的区域。在本演示中，我们自定义箭头控件：

将这两个选项添加到bxSlider JS/jQ中：

prevSelector: '.prev',
nextSelector: '.next',

在HTML中，将其添加到

bxSlider

元素下：

<nav class="bx-nav">
   <div class="prev"></div>
   <div class="next"></div>
</nav>

接下来，将此

添加到

中：

---

默认情况下，bxSlider将采用最高的幻灯片高度，并为此后的每一张幻灯片设置该高度。你需要提供一个你已经做过的事情的现场演示。因此，如果你说你已经开始工作了，但是尺寸发生了变化，那么请为我们提供一个演示。演示内容如下：如果你尝试使用不同尺寸的图像，滑块的高度会根据图像的大小增减（adaptiveHeight:false）@zer00ne@kalles请查看更新，如果不符合要求或您还有任何其他问题，请告诉我。

prevText: "<i class='fa fa-nav fa-fw fa-chevron-circle-left'></i>",
nextText: "<i class='fa fa-nav fa-fw fa-chevron-circle-right'></i>",

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">