Question

我有一个Vue Bootstrap传送带，它显示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;，所以我只在人像图像上看到滚动条。

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

1 个答案: