Jquery 滑溜转盘全屏垂直滑动段之间的间隙

我正在使用slick carousel，将其设置为垂直幻灯片，并使用jquery将高度部分设置为全屏

任何人都知道如果我遗漏了什么，当我滑到第四张幻灯片和第五张幻灯片时，我可以在顶部看到上一张幻灯片的背景色，其中第1、第2、第3张幻灯片没有这个问题

我不知道代码片段是否可以显示它，我在这里提供。多谢各位

initFullSlide（）；
函数initFullSlide（）{
var$fullSlide=$（“完整幻灯片”）；
变量$sections=$（“.section”）；
$sections.css（{height:$（window.height（）-60}）；
var-slickIsChanging=false；
var slideIndex=0；
var slideCount=$（“.section”）.length；
功能鼠标滚轮（$slider）{
$fullSlide.on(
“mousewheel DOMMouseScroll滚轮MousePixelScroll”，
{
$slider:$slider
},
摩托轮装卸机
);
}
函数mouseWheelHandler（事件）{
//控制台。日志（“轮子”）；
event.preventDefault（）；
event.stopPropagation（）；
var$slideContainer=$（此值）；
if（！$slideContainer.hasClass（“动画”）和&slickIsChanging==false）{
$slideContainer.addClass（“动画”）；
var$slider=event.data.$slider；
var delta=event.originalEvent.deltaY；
如果（增量>0）{
$slider.slick（“slickNext”）；
}否则{
$slider.slick（“slickPrev”）；
}
setTimeout（函数（）{
$slideContainer.removeClass（“动画”）；
}, 1000);
}
}
$fullSlide
.on（“init”，function（）{
//在创建slick对象之前，必须定义slick滑块回调
//console.log（“init”）；
鼠标滚轮（$fullSlide）；
})
.on（“更改前”，函数（事件、滑动、当前滑动、下一次滑动）{
//控制台日志（“更改启动”）；
slickIsChanging=true；
})
.on（“后变”，功能（事件、滑动、当前滑动）{
//控制台日志（“更改完成”）；
slickisching=假；
})
.滑头({
普雷瓦罗：错，
下一行：错，
幻灯片放映：1，
幻灯片滚动：1，
无限：错，
是的，
垂直滑动：正确，
真的，
点：错，
占位符：false
//可变宽度：true，
});
}

正文{
溢出：隐藏；
}
#全滑、滑溜垂直、滑溜{
边界：无；
}
.平滑垂直.平滑滑动{
边界：无；
}
.光滑滑梯：第n个孩子（1）{
背景色：#1dcde4；
}
.光滑滑梯：第n个孩子（2）{
背景色：#d17205；
}
.光滑滑梯：第n个孩子（3）{
背景色：#1305d1；
}
.光滑滑梯：第n个孩子（4）{
背景色：#ced105；
}
.光滑滑梯：第n个孩子（5）{
背景色：#d10505；
}
.科{
宽度：100%；
}
.第img节{
宽度：100%；
}

此处文本
第二文本

您需要将父容器的

font size

属性设置为0，因为您看到的间隙是由每个旋转木马元素之间的空白造成的

---

来自@user7290573的回答使用

字体大小：0

也有效，但引用的文章说，它在android中也可能有问题

所以我做了进一步的研究。实际上，这里的示例运行得很好，但它使用的是slick 1.7，而我使用的是最新的1.9

我看到那些子

div

结构在不同版本之间是不同的。因此，添加

.section{display:block！important；}

也可以

---

我又读了一遍为什么这些结构不同，并通过在初始化期间添加

.slick（{rows:0}）

找到了解决方案。所以我现在正在用这个

下面的问题和答案非常有用，谢谢