猫头鹰旋转木马所有项目在页面加载时可见

Question

此问题主要发生在用户使用较慢的互联网或移动设备时。但是当旋转木马中的页面内容/图像没有被缓存时，有时也会出现闪烁。

如果正在渲染页面加载和第一个元素，则所有轮播＆＃34;幻灯片＆＃34;像列表一样在彼此之下，然后页面被加载，魔法发生，每个额外的幻灯片消失，轮播已经诞生。

这是默认的猫头鹰行为吗？我该怎么解决这个问题？这是非常丑陋和不专业。

Answer 1

这是一个老问题，但我最近遇到了同样的问题。

问题在课堂上：

<div id="yourowlcarouselid" class="owl-carousel owl-theme owl-loaded">

解决方法是删除“ owl-loaded ”类。 Owl js自己添加它以在块中渲染滑块，如果没有这个，滑块应该具有样式“display：none”。除了no-js浏览器。

第二件事是owl的样式：类在owl.carousel.css中。只需按照OWL Carousel页面上的“安装指南”进行操作即可。

如果没有css且“加载毛刺”是唯一不需要的效果，请添加：

.owl-carousel {
    display: none;
}
.no-js .owl-carousel {
    display: block;
}
.owl-carousel.owl-loaded {
    display: block;
}