轮播中的Vue引导图像溢出滚动

Question

我有一个 vue 引导轮播，它以 100% 的宽度显示图像。对于纵向图像，我希望可以垂直滚动，这样我就可以看到图像的底部。我无法让它工作 - 我有一个滚动条，但它“变灰”、不活动、不起作用。

<template>
<div class="gallery" >
  <b-carousel controls :interval="0">
    <b-carousel-slide 
      v-for="image in images" 
      v-bind:key="image.href" 
      :img-src="image.href" 
      :text="image.text" >
    </b-carousel-slide>
  </b-carousel>
</div>
</template>
<style scoped>
.gallery {
  z-index: 1052;
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: black;
  min-height: 100%;
  overflow-y : scroll;
}
</style>

Answer 1

将 min-height: 100%; 更改为 height: 100%; 修复了此问题。

我还将overflow-y : scroll; 更改为overflow-y : auto;，所以我只能在纵向图像上看到滚动条。