javascript - Bootstrap carousel 滑动时滑动高度变化bug

标签 javascript jquery css wordpress twitter-bootstrap

我的老板要求我在以下网站上工作:2tec.club

该站点是使用我不是专家的 Wordpress 构建的,我只能访问管理仪表板。

顶部的 slider 有一个奇怪的错误,如您所见,每次幻灯片切换到下一张幻灯片时,该特定幻灯片会短暂改变其高度。这会导致内容被短暂下推,这对访问者来说非常烦人。 注意:这只发生在较大的设备上。在我的手机上似乎没问题。

我曾尝试使用 Chrome 开发人员工具更改 CSS 规则,但没有成功。我这辈子都弄不明白。有人可以好心提供帮助吗?如果是这样,我们将不胜感激。

最佳答案

如果从 #myCarousel 中删除 slide 类,问题就会消失。

但是还有许多其他问题。似乎您包含了两次 Bootstrap ,一次用于 3.3.2 版,一次用于 3.3.6 版。

您还提到您正在使用 bootstrap carousel,但您有一个 carousel.js 似乎是 owl-carousel。

因此,如果您使用的是 bootstrap carousel,并且还有 owl-carousel - 则可能会发生未知冲突。

您应该在有机会时查看您包含的所有文件。

关于javascript - Bootstrap carousel 滑动时滑动高度变化bug,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38144903/

相关文章:

javascript - 带有创建元素的appendChild,删除创建的临时元素

javascript - Div宽度和高度基于jquery resizable()函数中的内部图像宽度和高度

javascript - AJAX成功后页面不刷新

javascript - 通过标签过滤数组 Vuejs

javascript - 如何防止 Javascript 中加载额外的函数

javascript - JQuery 两种形式切换,提交时显示正确的形式

javascript - 在 anchor 中使用 # 实现 JavaScript 功能

asp.net 连续字符串换行

css - 在 knockout.js 中切换 css 以更改选择列表宽度

javascript - 返回多个 promise (Firebase 云函数)