Question

嘿，可爱的StackOverflow社区。

我的网站有问题。我从getbootrap.com添加了Bootstrap Carousel，它实际上运行得很好。但是有一个问题。每次图片播放时，我的整个网站都会上下移动。

我不知道可能是什么问题，因为我没有改变getbootstrap.com的代码： - /

抱歉我的英语不好：D希望你能理解我的问题。

Answer 1

覆盖Bootstrap类。这将解决您的问题

.carousel-inner>.item {
          width: 100%;

}

Answer 2

我对Carousel的问题与图像没有直接关系，而是与其中导致页面移动的内容直接相关。为了避免它在页面的其他地方，我只是使用JQuery来检测我是否滚过我的轮播并使其暂停。我知道它的解决方法，但它有效。

$(document).on("scroll",function(){
if($(document).scrollTop()>200){
    $('#slider').carousel('pause');
} else{
    $('#slider').carousel('cycle');
}});

Answer 3

这是因为它改变了轮播项目上的某些类。您可以将min-height设置为轮播容器（.carousel-inner），它将不再跳转。

设置更符合您需求的价值。

同时 Seam就像对图像有一点影响，所以每次图像改变时，它都变得有点小。如果您只是想避免所有网站跳转，请使用我上面所说的内容，如果您想更改“更改大小”行为，则需要检查类.next和（可能）{{1并查看是否有高度变化。很难从实时网站上检查它们，为什么我告诉你从代码中检查这个 - 或者如果你愿意的话上传代码。

Bootstrap Carousel - 当图像发生变化时，整个网站会跳转

3 个答案: