Javascript 在bxSlider中更改并调整高度

我试图将bxslider的高度调整改为百分比而不是像素，但对此我有点不知所措

我在进行此调整的代码行中发现：

slider.viewport.css('height', getViewportHeight());

在这里，设置视口高度

 slider.viewport.height(getViewportHeight());

css百分比的准确结果，因为使用了响应式布局

---

谢谢。

当我遇到bxSlider的高度在加载时被截断的问题时，我编写了一个快速补丁，基本上删除了

.bx viewport

的height属性和属性，它允许我的CSS规则覆盖我想要的高度。该脚本是最后一个块。我把它注释掉了，因为你可能不需要它

• 我不知道你是想要一个包含多张幻灯片的旋转木马，还是想要它水平或垂直滑动，因为演示无法运行。所以我做了一个单滑垂直旋转木马

• 我启用了

  adaptiveHeight

  ，向您展示了它的高度动态功能，默认情况下，bxSlider只保持最高幻灯片的大小

• 所有这些功能都是可选的，因为它们是可选的，所以它们是可选的

• 包括但禁用了两种样式。如果要使用该高度修正脚本，则使用第一个脚本。将控件箭头移动到顶部的第二个规则id。如果您喜欢垂直模式下的滑块，那么您很可能希望将箭头控件置于顶部。如果设置在中间的默认位置，每当高度变化时，它就会跳转。

片段

$（文档）.ready（函数（）{
变量bx=$（'.bxslider'）.bxslider({
模式：“垂直”，
自适应高度：正确，
自适应高度速度：750，
滑动宽度：400，
米斯利德斯：1，
maxSlides:1，
移动幻灯片：1
});
});
/*
document.documentElement.addEventListener（'DOMContentLoaded'，函数（事件）{
event.stopPropagation（）；
var tgt=document.querySelector（'.bx viewport'）；
//tgt.removeProperty（“高度”）；
//tgt.删除属性（“高度”）；
//tgt.setAttribute（'height'，'100%'）；
}，假）；
*/

img{
显示：块；
保证金：0自动
}
/*
.bx视口{
高度：90vh！重要；
}
*/
/*
.bx控制a{
前：.05%！重要；
}
*/

访问此网站，它可能会对您有所帮助。