我在网站上工作并集成了 Bootstrap 轮播。一切都很好,除了一件事:当我点击下一个或上一个图标时,图像会跳动一点,我对此感到非常恼火。我尝试了我搜索和应用的所有解决方案,但仍然没有用。 谁能帮我解决这个问题,网址如下: https://test5.extensionesdepelobaratas.net/hair-blog/ 您将看到第一个轮播,其编号为 1 到 8。 期待听到大家的解决方案。
非常感谢。
最佳答案
看起来有一些带有 .item 类的元素在涉及到它的属性和之后应用的事件类元素时没有被正确地转换。
如果您将以下 CSS 添加到您的 .carousel-inner .item 元素,所有值都将正确转换。
.carousel-inner .item { transition: all 0.5s ease !important; }
在现有网站上对此进行了测试,当元素滑入时不再有“跳动”。相反,它们会增长而不是跳到轮播设置的大小。
关于javascript - 在引导轮播上单击下一个或上一个时图像跳转,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49823115/