Question

嗨，我已经使用了命令：

<script type='text/javascript'>
$(document).ready(function() {
     $('.carousel').carousel({
         interval: 4500
     })
});

在我的关闭身体标签之前，以便让我的引导旋转木马开始并自动滚动。

问题是，在滑回第一张幻灯片之前，最后一张幻灯片会短暂调整到较小的高度（用它移动整个页面）。

要解释：所有幻灯片图像都是相同的大小，并且所有幻灯片图像都显示为与它们滑过时相同的大小。但是，在第一张幻灯片再次出现之前，最后一张幻灯片会快速缩短（高度减小）（第一张幻灯片显示在幻灯片的正确/原始高度处）。这很烦人，因为滑动高度的暂时降低会导致整个页面向上移动。

为了澄清，最后一张幻灯片最初从正确的高度开始，然后在滑回第一张幻灯片之前一瞬间，最后一张幻灯片的高度缩短。然后第一张幻灯片再次以正确的高度显示。

我不知道造成这种情况的原因是什么？

Answer 1

这是因为轮播幻灯片没有默认高度。要使幻灯片保持一致的高度，请在幻灯片的css中添加预定义的高度或最小高度。例如：

.carousel-inner .item {
min-height: 400px;
}

我使用min-height，以防我的内容在不同的设备上溢出。