Javascript 引导旋转木马-图像更改时整个网站都会跳转

嘿，可爱的社区

我的网站有问题。我从getbootrap.com添加了引导转盘，它实际上运行得非常好。但有一个问题。每次图像静止，我的整个网站都会上下波动

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

---

对不起，我的英语不好：我希望你能理解我的问题。

这是因为它改变了转盘项目的某些类别。 您可以为旋转木马容器（

.carousel-inner

）设置

最小高度

），它将不再跳跃

设置更适合您需要的值

另外：

---

接缝对图像的影响很小，因此每次图像发生变化时，它都会变得更小。如果你只是想避免所有网站跳转，使用我上面所说的，如果你想改变“改变大小”的行为，你需要检查类

。下一步
和（可能）
。右/左
，看看是否有高度变化。很难从一个实时网站上检查它们，这就是为什么我要告诉您从代码中检查它们-或者如果您愿意的话上传代码。
覆盖引导类。这会解决你的问题

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

}

我对旋转木马的问题与图像没有直接关系，而是其中导致页面移动的内容。为了避免在页面的其他位置出现这种情况，我只使用JQuery来检测我是否滚动过了旋转木马并使其暂停。我知道这是一个解决办法，但它很有效

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

嘿，谢谢你！它可以工作，但当我使浏览器更灵活时，我在图像下方有一个大的黑色条。-我在哪里可以找到下一节课？在bootstrap-min.css？中，为了解决响应问题，只需使用一些媒体查询来更改设置为.carousel容器的高度。在这之后，它应该像预期的那样工作。对于.next类，请尝试插件css文件。但我认为更好的方法是在您的样式中使用媒体查询，而不是更改其他可能更新的文件，然后覆盖您的自定义样式嘿，谢谢！有了你的解决方案，我没有黑条，但还有一个问题。现在，当我使浏览器更简单时，图像看起来被压扁了：-/就是这样！你真是个天才可悲的是，我不能给你一个提升的投票，因为我必须减少名誉，但非常感谢你！！：德怀尔德说，这种简单的方法解决了一个恼人的问题。谢谢设置旋转木马的固定高度，当我设置固定高度时，它将不再响应。